minor css fix

packages/toc/src/generators/notebookgenerator/tagstool/index.tsx

@@ -123,14 +123,14 @@ export class TagsToolComponent extends React.Component<
             {' '}
             Clear All{' '}
           </span>
-          <span className={'select-button'} onClick={() => this.selectCells()}>
-            {' '}
-            Select Cells{' '}
-          </span>
           <span onClick={() => this.filterTags()} className={'filter-button'}>
             {' '}
             Filter
           </span>
+          <span className={'select-button'} onClick={() => this.selectCells()}>
+            {' '}
+            Select Cells{' '}
+          </span>
         </div>
       );
     }

packages/toc/src/generators/notebookgenerator/toolbargenerator.tsx

@@ -67,7 +67,8 @@ export function notebookGeneratorToolbar(
             this.setState({
               showCode: options.showCode,
               showMarkdown: options.showMarkdown,
-              showTags: options.showTags
+              showTags: options.showTags,
+              numbering: options.numbering
             });
           }
         });
@@ -240,12 +241,12 @@ export function notebookGeneratorToolbar(
             {codeIcon}
             {markdownIcon}
             {numberingIcon}
-          </div>
-          <div
-            className={'tag-dropdown-button'}
-            onClick={event => this.toggleTagDropdown()}
-          >
-            {tagIcon}
+            <div
+              className={'tag-dropdown-button'}
+              onClick={event => this.toggleTagDropdown()}
+            >
+              {tagIcon}
+            </div>
           </div>
           <hr className={'toolbar-hr'} />
           {tagDropdown}

packages/toc/style/index.css

@@ -194,7 +194,7 @@
 .toc-toolbar {
   position: relative;
   width: 100%;
-  padding: 0px;
+  padding: 3px;
   margin: 0px;
   user-select: none;
 }
@@ -220,6 +220,8 @@
   position: relative;
   align-items: center;
   width: 100%;
+  padding-top: 2px;
+  padding-bottom: 2px;
 }
 
 .toc-collapse-button {
@@ -290,6 +292,7 @@
 .tag-dropdown-button {
   float: right;
   margin: 4px;
+  margin-right: 9px;
 }
 
 .tag-dropdown {
@@ -403,9 +406,9 @@
 .toc-tag-holder {
   display: flex;
   flex-wrap: wrap;
-  padding: 4px;
   height: fit-content;
-  width: 100%;
   margin-bottom: 20px;
-  padding-right: 10px;
+  padding-right: 20px;
+  padding-left: 9px;
+  padding-top: 6px;
 }