Fix styling

BlueBrain · Dec 11, 2023 · 5319582 · 5319582
1 parent dda212f
commit 5319582
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/shared/components/ResourceEditor/ResourceEditor.less b/src/shared/components/ResourceEditor/ResourceEditor.less
@@ -7,7 +7,6 @@
 // .cm-s-base16-light span.cm-string {
 // }
 
-// get button with class .cancel
 button.cancel {
   margin-right: 5px;
 }
@@ -56,13 +55,16 @@ button.cancel {
   background-color: #f0efef;
   padding: @default-pad;
   height: 52px;
+  white-space: nowrap;
 }
 
 ._positive {
+  margin-right: 1rem;
   color: @success-color;
 }
 
 ._negative {
+  margin-right: 1rem;
   color: @error-color;
 }
 

diff --git a/src/shared/components/ResourceEditor/index.tsx b/src/shared/components/ResourceEditor/index.tsx
@@ -25,9 +25,6 @@ import { useEditorPopover, useEditorTooltip } from './useEditorTooltip';
 
 export interface ResourceEditorProps {
   rawData: { [key: string]: any };
-  onSubmit: (rawData: { [key: string]: any }) => void;
-  onFormatChange?(expanded: boolean): void;
-  onMetadataChange?(expanded: boolean): void;
   editable?: boolean;
   editing?: boolean;
   busy?: boolean;
@@ -39,6 +36,9 @@ export interface ResourceEditorProps {
   projectLabel: string;
   showFullScreen: boolean;
   showControlPanel?: boolean;
+  onSubmit: (rawData: { [key: string]: any }) => void;
+  onFormatChange?(expanded: boolean): void;
+  onMetadataChange?(expanded: boolean): void;
   onFullScreen(): void;
 }
 
@@ -185,7 +185,7 @@ const ResourceEditor: React.FC<ResourceEditorProps> = props => {
         <div className="control-panel">
           {editable && isEditing && valid && !lintError && (
             <div className="feedback _positive">
-              <CheckCircleOutlined /> Valid JSON-LD
+              <CheckCircleOutlined /> Valid
             </div>
           )}
           {editable && isEditing && !valid && (
@@ -196,7 +196,6 @@ const ResourceEditor: React.FC<ResourceEditorProps> = props => {
           {editable && isEditing && lintError && (
             <div className="feedback _negative">
               {/* TODO Get lint error from custom linter */}
-              {/* TODO Fix styling */}
               <ExclamationCircleOutlined /> Cannot have fields starting with an
               underscore
             </div>