button and alignment fixes for mobile user page

button and alignment fixes for mobile user page
From 98c18f8349c7a90f49ab2430bb0b35a7b6757c36 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 7 Dec 2018 12:34:37 -0500
Subject: [PATCH] button and alignment fixes for mobile user page


diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index 875b976..fef2b60 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -157,8 +157,8 @@
       }
 
       a {
-        padding: 5px 10px;
         margin-bottom: 10px;
+        line-height: $line-height-medium;
       }
     }
 
diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss
index 6ceea64..f7b8020 100644
--- a/app/assets/stylesheets/desktop/user.scss
+++ b/app/assets/stylesheets/desktop/user.scss
@@ -196,7 +196,7 @@
       text-align: right;
 
       a {
-        width: 140px;
+        min-width: 140px;
       }
 
       .right {
diff --git a/app/assets/stylesheets/mobile/discourse.scss b/app/assets/stylesheets/mobile/discourse.scss
index ef9405c..1ffa8f6 100644
--- a/app/assets/stylesheets/mobile/discourse.scss
+++ b/app/assets/stylesheets/mobile/discourse.scss
@@ -78,11 +78,12 @@ blockquote {
   }
 
   > li > a {
+    display: flex;
+    align-items: center;
     padding: 8px 10px;
     height: 100%;
     width: 100%;
     box-sizing: border-box;
-    display: block;
   }
 
   .d-icon-caret-down {

GitHub