style: add margin and padding to elements in view dashboard

dhis2 · Jan 19, 2021 · 65ac1f4 · 65ac1f4
1 parent f58431a
commit 65ac1f4
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 2 deletions.
diff --git a/src/components/ControlBar/styles/Filter.module.css b/src/components/ControlBar/styles/Filter.module.css
@@ -55,6 +55,8 @@
     border: none;
     background-color: transparent;
     padding: 0px 6px 0px 0px;
+    width: 32px;
+    height: 32px;
 }
 
 .searchButton:hover {

diff --git a/src/components/ItemGrid/styles/ViewItemGrid.module.css b/src/components/ItemGrid/styles/ViewItemGrid.module.css
@@ -1,3 +1,4 @@
 .gridContainer {
     margin-top: 10px;
+    margin-bottom: 24px;
 }
diff --git a/src/components/TitleBar/TitleBar.js b/src/components/TitleBar/TitleBar.js
@@ -26,7 +26,7 @@ const TitleBar = ({ edit }) => {
         <div
             className="titlebar-wrapper"
             style={{
-                padding: '13px 15px 5px 10px',
+                padding: '13px 15px 5px 6px',
             }}
         >
             {edit ? (

diff --git a/src/components/TitleBar/styles/ViewTitleBar.module.css b/src/components/TitleBar/styles/ViewTitleBar.module.css
@@ -8,7 +8,7 @@
 }
 .titleBar {
     display: flex;
-    align-items: flex-start;
+    align-items: center;
 }
 .titleBarIcon {
     margin-left: 5px;