From cf99431c181c0302be4db8a561e398209cf2b939 Mon Sep 17 00:00:00 2001
From: Joe <johani@discourse.org>
Date: Tue, 7 May 2019 14:34:29 +0800
Subject: [PATCH] Fix like and flag button count alignment (#7487)

---
 app/assets/stylesheets/mobile/topic-post.scss | 27 ++++++++-----------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 173df3dafa7..27f9c7db10c 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -32,35 +32,30 @@ span.badge-posts {
     .actions {
       display: flex;
     }
-    .like-button {
+    // Handles the like and flag buttons in the post menu.
+    .double-button {
       display: flex;
       flex: 0 1 auto;
       button {
-        &.like {
+        &.like,
+        &.create-flag {
           flex: 1 1 auto;
         }
-        &.like-count {
-          padding: 8px 4px 8px 8px;
-          line-height: 1.2;
-          &.regular-likes {
-            margin-right: 0;
+        &.button-count {
+          padding: s(2 1 2 2);
+          + .toggle-like,
+          + .create-flag {
+            padding: s(2 2 2 1);
           }
           &.my-likes {
             display: flex;
             max-width: unset;
-            margin-right: 0;
-            padding: 8px 9px 8px 8px;
+            padding: s(2);
             .d-icon {
-              padding-left: 8px;
+              padding-left: s(2);
             }
           }
         }
-        .d-icon {
-          line-height: $line-height-medium;
-        }
-      }
-      button.like-count + button.toggle-like {
-        padding: 8px 9px 8px 4px;
       }
     }
     .d-icon {