Fine grinding CSS, updated dependencies

ransome1 · Feb 5, 2025 · 9ea4e20 · 9ea4e20
1 parent 7c7ccde
commit 9ea4e20
Show file tree

Hide file tree

Showing 5 changed files with 383 additions and 369 deletions.
diff --git a/src/renderer/Buttons.scss b/src/renderer/Buttons.scss
@@ -5,17 +5,23 @@ button {
 	border: none;
 	border-radius: Variables.$radius;
 	padding: 0.6em 0.7em;
+	margin: 0;
 	cursor: pointer;
 	background: Variables.$blue;
 	color: white;
 }
 
 li {
 	[data-todotxt-attribute='due'],
-	[data-todotxt-attribute='t'] {
+	[data-todotxt-attribute='t'],
+	[data-todotxt-attribute='rec'] {
 		button {
+			display: flex;
 			padding: 0 0.5em 0 0;
-			margin: 0 0.5em;
+			margin: 0;
+		}
+		div:first-child {
+			margin-right: 0.25em;
 		}
 	  div {
 	  	display: flex;
@@ -48,8 +54,6 @@ li {
 		  font-size: 1em;
 		  width: auto;
 		  border-radius: Variables.$radius 0 0 Variables.$radius;
-		  margin-left: -0.5em;
-		  margin-right: 0.5em;
 		  .MuiChip-label {
 		    font-size: 1em;
 		    padding: 0 0.5em;

diff --git a/src/renderer/Drawer/Sorting.scss b/src/renderer/Drawer/Sorting.scss
@@ -9,7 +9,7 @@
     }
   }
   button:last-of-type {
-    padding: 0.4em 0.5em;
+    padding: 0.4em 0.4em 0.2em 0.4em;
     svg {
       font-size: 1.25em;
     }

diff --git a/src/renderer/Grid/Grid.scss b/src/renderer/Grid/Grid.scss
@@ -1,7 +1,6 @@
 @use '../Variables.scss';
 
 #grid {
-  margin-top: 1em;
   padding: 0 1em 1em 1em;
   overflow-y: scroll;
   overflow-x: hidden;

diff --git a/src/renderer/Grid/Renderer.tsx b/src/renderer/Grid/Renderer.tsx
@@ -84,7 +84,7 @@ const RendererComponent: React.FC<RendererComponentProps> = memo(
           data-testid={`datagrid-button-${type}`}
         >
           <Chip label="rec:" />
-          {value}
+          <div>{value}</div>
         </button>
       ),
       pm: (value, type) => (