More polishments

eea · Jan 3, 2023 · 4b2dfa2 · 4b2dfa2
1 parent a95a51e
commit 4b2dfa2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/SearchBlock/BlockContainer/NewBlockAddButton.jsx b/src/SearchBlock/BlockContainer/NewBlockAddButton.jsx
@@ -3,7 +3,7 @@ import { Button } from 'semantic-ui-react';
 import { BodyClass } from '@plone/volto/helpers';
 import { BlockChooser, Icon } from '@plone/volto/components';
 import useOutsideClick from '@eeacms/search/lib/hocs/useOutsideClick';
-import addSVG from '@plone/volto/icons/add.svg';
+import addSVG from '@plone/volto/icons/circle-plus.svg';
 
 const NewBlockAddButton = (props) => {
   const { allowedBlocks, block, onMutateBlock } = props;
@@ -34,7 +34,8 @@ const NewBlockAddButton = (props) => {
           className="add-block-button"
           aria-label={`Add block in position ${block}`}
         >
-          <Icon name={addSVG} className="circled" size="24px" />
+          <Icon name={addSVG} size="24px" />
+          Add block
         </Button>
       )}
     </>

diff --git a/src/SearchBlock/BlockContainer/SlotEditor.jsx b/src/SearchBlock/BlockContainer/SlotEditor.jsx
@@ -51,6 +51,7 @@ export default function SlotEditor(props) {
                     as="a"
                     icon
                     basic
+                    title="Delete block"
                     aria-label="Delete block"
                     onClick={() => onDeleteSlotfill(blockId)}
                   >

diff --git a/src/SearchBlock/edit.less b/src/SearchBlock/edit.less
@@ -32,13 +32,21 @@
     }
   }
 
+  .ui.active.tab {
+    min-height: 60px;
+  }
+
   .block-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
   }
 
   .ui.basic.button.add-block-button {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+
     &:hover {
       box-shadow: none !important;
     }