fix: share button for mobile and thread header

villetakanen · Dec 20, 2021 · f6199fc · f6199fc
1 parent 77e64d8
commit f6199fc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/components/actions/ShareButton.vue b/src/components/actions/ShareButton.vue
@@ -6,7 +6,6 @@
     <Icon
       name="share"
       small
-      style="padding-right: 8px; margin-left:-4px"
     />
     <span class="onlyForDesktop">{{ $t('action.share') }}</span>
   </Button>

diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
@@ -37,7 +37,7 @@ export default defineComponent({
 header
   display: flex
   margin: 0
-  padding: 0
+  padding: 0 8px
   gap: 0
   &.sticky
     transition: all 0.3s

diff --git a/src/components/material/Icon.vue b/src/components/material/Icon.vue
@@ -124,4 +124,8 @@ button:not(.Fab) .icon
   padding: 0
   vertical-align: middle
 
+@include media('<tablet')
+  button:not(.Fab) .icon
+    margin: 0
+
 </style>