Adjust UI accordingly

BlueBrain · Feb 26, 2024 · 188ff8a · 188ff8a
1 parent 0c21a33
commit 188ff8a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 12 deletions.
diff --git a/src/shared/components/ResourceEditor/ResourceEditor.scss b/src/shared/components/ResourceEditor/ResourceEditor.scss
@@ -45,12 +45,21 @@ button.cancel {
   }
 }
 
+.ant-card.ant-card-bordered.results {
+  margin-top: 2rem !important;
+}
+
+.ant-form-item {
+  margin-bottom: 0;
+}
+
 .control-panel {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   background-color: #f0efef;
-  padding: 1rem;
-  height: 52px;
+  padding: 0.75rem;
+  height: 56px;
 }
 
 ._positive {

diff --git a/src/subapps/admin/components/Projects/QueryEditor.tsx b/src/subapps/admin/components/Projects/QueryEditor.tsx
@@ -1,23 +1,23 @@
-import { useEffect, useState } from 'react';
-import { Tabs } from 'antd';
-import { useHistory, useRouteMatch } from 'react-router';
 import {
   DEFAULT_ELASTIC_SEARCH_VIEW_ID,
   DEFAULT_SPARQL_VIEW_ID,
 } from '@bbp/nexus-sdk/es';
 import { useNexusContext } from '@bbp/react-nexus';
-import SparqlQueryView from '../../views/SparqlQueryView';
-import ElasticSearchQueryView from '../../views/ElasticSearchQueryView';
-import useNotification from '../../../../shared/hooks/useNotification';
+import { Tabs } from 'antd';
+import { FC, useEffect, useState } from 'react';
+import { useHistory, useRouteMatch } from 'react-router';
 import { useOrganisationsSubappContext } from '../..';
+import useNotification from '../../../../shared/hooks/useNotification';
+import ElasticSearchQueryView from '../../views/ElasticSearchQueryView';
+import SparqlQueryView from '../../views/SparqlQueryView';
 import './QueryEditor.scss';
 
-const QueryEditor: React.FC<{
+const QueryEditor: FC<{
   orgLabel: string;
   projectLabel: string;
   onUpdate: () => void;
 }> = ({ orgLabel, projectLabel }) => {
-  const subapp = useOrganisationsSubappContext();
+  const subApp = useOrganisationsSubappContext();
   const history = useHistory();
   const match = useRouteMatch<{
     orgLabel: string;
@@ -52,7 +52,7 @@ const QueryEditor: React.FC<{
       setLoading(false);
       history.replace(
         `/${
-          subapp.namespace
+          subApp.namespace
         }/${orgLabel}/${projectLabel}/query/${encodeURIComponent(
           DEFAULT_SPARQL_VIEW_ID
         )}`
@@ -79,7 +79,7 @@ const QueryEditor: React.FC<{
             setActiveKey(tab);
             history.replace(
               `/${
-                subapp.namespace
+                subApp.namespace
               }/${orgLabel}/${projectLabel}/query/${encodeURIComponent(
                 tab === 'sparql'
                   ? DEFAULT_SPARQL_VIEW_ID