From 5405cda2dc1b7ee7d36fda002be19d3f1ec3867d Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Mon, 27 Jul 2015 13:05:31 -0400
Subject: [PATCH] UX: Mobile tweaks for small post actions

---
 .../stylesheets/common/base/topic-post.scss   | 40 ++++++++++++++++++
 .../stylesheets/desktop/topic-post.scss       | 41 -------------------
 2 files changed, 40 insertions(+), 41 deletions(-)

diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index ff80230d2..61f79214d 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -260,3 +260,43 @@ table.md-table {
   }
 }
 
+.small-action {
+  .topic-avatar {
+    padding: 5px 0;
+    border-top: none;
+    float: left;
+    i {
+      font-size: 35px;
+      width: 45px;
+      text-align: center;
+      color: lighten($primary, 75%);
+    }
+  }
+
+  .small-action-desc {
+    padding: 0.5em 0 0.5em 4em;
+    margin-top: 5px;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 0.9em;
+    color: lighten($primary, 60%);
+
+    .avatar {
+      margin-right: 0.8em;
+      float: left;
+    }
+
+    p {
+      margin: 0;
+      padding-top: 4px;
+    }
+  }
+
+  button {
+    background: transparent;
+    border: 0;
+    float: right;
+  }
+
+  clear: both;
+}
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index 09fa1cc4d..98ab65a60 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -729,47 +729,6 @@ $topic-avatar-width: 45px;
 .small-action {
   width: 755px;
   border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
-
-  .topic-avatar {
-    padding: 5px 0;
-    border-top: none;
-    float: left;
-    i {
-      font-size: 35px;
-      width: 45px;
-      text-align: center;
-      color: lighten($primary, 75%);
-    }
-  }
-
-  .small-action-desc {
-    display: inline-block;
-    padding: 0.5em 1em;
-    margin-top: 5px;
-    text-transform: uppercase;
-    font-weight: bold;
-    font-size: 0.9em;
-    color: lighten($primary, 60%);
-    width: 680px;
-
-    .avatar {
-      margin-right: 0.8em;
-      float: left;
-    }
-
-    p {
-      margin: 0;
-      padding-top: 4px;
-    }
-  }
-
-  button {
-    background: transparent;
-    border: 0;
-    float: right;
-  }
-
-  clear: both;
 }
 
 .posts-wrapper {