new style

Author: RafaelGB

src/components/AddRow.tsx

@@ -68,7 +68,6 @@ export function AddRow(props: AddRowProps) {
       sx={{
         bordercolor: StyleVariables.TEXT_NORMAL,
         border: 0,
-        minWidth: "30px",
       }}
     >
       <Button
@@ -77,7 +76,6 @@ export function AddRow(props: AddRowProps) {
           setInputNewRow("");
           setShowNewRow(!showNewRow);
         }}
-        size="small"
         sx={{
           bgcolor: StyleVariables.BACKGROUND_PRIMARY,
           color: StyleVariables.TEXT_NORMAL,
@@ -86,10 +84,9 @@ export function AddRow(props: AddRowProps) {
             color: StyleVariables.TEXT_NORMAL,
             border: 0,
           },
-          height: "30px",
-          maxHeight: "30px",
           border: 0,
         }}
+        style={{ minWidth: "30px" }}
       >
         {showNewRow ? (
           <CloseIcon />

src/components/NavBar.tsx

@@ -110,6 +110,8 @@ export function NavBar(navBarProps: NavBarProps) {
         <Toolbar
           style={{
             minHeight: "2.65rem",
+            padding: 0,
+            paddingLeft: "2px",
           }}
         >
           <IconButton

src/components/reducers/DataviewFilters.tsx

@@ -44,7 +44,7 @@ export default function EditFiltersButton(props: DataviewFiltersProps) {
       size="small"
       onClick={openFiltersGroupHandler}
       key={`Button-FilterConditions-DataviewFilters`}
-      style={{ minWidth: "0px", padding: "2px" }}
+      style={{ minWidth: "0px", padding: "2px", borderRadius: "0px" }}
     >
       <span
         className="svg-icon svg-gray"

src/components/reducers/ToggleFiltersButton.tsx

@@ -30,7 +30,7 @@ export default function ToggleFiltersButton(props: DataviewFiltersProps) {
       size="small"
       onClick={enableFilterHandler}
       key={`Button-Enabled-DataviewFilters`}
-      style={{ minWidth: "0px", padding: "2px" }}
+      style={{ minWidth: "0px", padding: "2px", borderRadius: "0px" }}
     >
       <span className="svg-icon svg-gray">
         {filters.enabled ? <FilterOnIcon /> : <FilterOffIcon />}

src/components/styles/NavBarStyles.ts

@@ -21,7 +21,8 @@ export const SearchIconWrapper = styled('div')(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    textAlign: 'center'
+    textAlign: 'center',
+    color: StyleVariables.TEXT_NORMAL,
 }));
 
 export const DebouncedInputWrapper = styled('div')(({ theme }) => ({