Merge pull request #260 from Jozwiaczek/fix/add-mobile-app-bar-padding

fix(client): add additional bottom padding for mobile app bar
Jozwiaczek · Apr 11, 2021 · 2bfae0a · 2bfae0a
2 parents b589b6f + 5c2823e
commit 2bfae0a
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/packages/client/src/elements/AppBar/AppBar.styled.ts b/packages/client/src/elements/AppBar/AppBar.styled.ts
@@ -21,12 +21,17 @@ export const TabsWrapper = styled.div<{ orientation?: TabsOrientation }>`
   overflow: hidden;
   border-radius: 25px 25px 0 0;
   ${({ orientation }) =>
-    orientation === 'vertical' &&
-    `
-      height: 100%;
-      width: 130px;
-      border-radius: 0;
-  `};
+    orientation === 'vertical'
+      ? `
+        height: 100%;
+        width: 130px;
+        border-radius: 0;
+      `
+      : `
+        button {
+          padding-bottom: 10px;
+        }
+      `};
 `;
 
 export const TabPageWrapper = styled.div<{ orientation?: TabsOrientation }>`