add min width to the button

jupyterlab · Jan 10, 2024 · 52dcda8 · 52dcda8
1 parent 1dcb7de
commit 52dcda8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/jupyter-ai/src/components/copy-button.tsx b/packages/jupyter-ai/src/components/copy-button.tsx
@@ -2,8 +2,8 @@ import React, { useState, useCallback } from 'react';
 
 import Button from '@mui/material/Button';
 
-const CC_BTN_CONTAINER_CLASS = 'jp-ai-copy-button-container';
 const CC_BTN_CLASS = 'jp-ai-copy-button';
+const CC_BTN_CONTAINER_CLASS = 'jp-ai-copy-button-container';
 
 enum CopyStatus {
   None,
@@ -12,7 +12,7 @@ enum CopyStatus {
 }
 
 const COPYBTN_TEXT_BY_STATUS: Record<CopyStatus, string> = {
-  [CopyStatus.None]: 'Copy',
+  [CopyStatus.None]: 'Copy to clipboard',
   [CopyStatus.Copying]: 'Copying...',
   [CopyStatus.Copied]: 'Copied!'
 };

diff --git a/packages/jupyter-ai/style/copy-button.css b/packages/jupyter-ai/style/copy-button.css
@@ -1,9 +1,11 @@
 .jp-ai-copy-button-container {
   display: flex;
   justify-content: flex-end;
+  margin-block-start: 4px;
 }
 
 .jp-ai-copy-button.MuiButton-root {
   font-size: var(--jp-content-font-size0);
+  min-width: 11.1em;
   text-transform: none;
 }