about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch
diff options
context:
space:
mode:
authorSpencer Alves <impiaaa@gmail.com>2018-05-31 21:55:44 -0700
committerSpencer Alves <impiaaa@gmail.com>2018-05-31 21:55:44 -0700
commite5f25a73f21998188f8cc15584134744ff7e15b3 (patch)
tree790cd7d374b5ecd4ace56293f9d5394268f4222d /app/javascript/flavours/glitch
parent7d2e6429c27c5ddc8ef3d2366c44329092e07f77 (diff)
Adjust spacing between status icons
Diffstat (limited to 'app/javascript/flavours/glitch')
-rw-r--r--app/javascript/flavours/glitch/components/status_icons.js4
-rw-r--r--app/javascript/flavours/glitch/styles/components/status.scss7
2 files changed, 8 insertions, 3 deletions
diff --git a/app/javascript/flavours/glitch/components/status_icons.js b/app/javascript/flavours/glitch/components/status_icons.js
index 86d1ca05b..c9747650f 100644
--- a/app/javascript/flavours/glitch/components/status_icons.js
+++ b/app/javascript/flavours/glitch/components/status_icons.js
@@ -49,13 +49,13 @@ export default class StatusIcons extends React.PureComponent {
       <div className='status__info__icons'>
         {status.get('in_reply_to_id', null) !== null ? (
           <i
-            className={`fa fa-fw fa-comment`}
+            className={`fa fa-fw fa-comment status__reply-icon`}
             aria-hidden='true'
           />
         ) : null}
         {mediaIcon ? (
           <i
-            className={`fa fa-fw fa-${mediaIcon}`}
+            className={`fa fa-fw fa-${mediaIcon} status__media-icon`}
             aria-hidden='true'
           />
         ) : null}
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 733845c5f..2b31e2dcb 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -331,8 +331,13 @@
   height: 1em;
   color: $action-button-color;
 
-  .status__visibility-icon {
+  .status__media-icon {
     padding-left: 6px;
+    padding-right: 1px;
+  }
+
+  .status__visibility-icon {
+    padding-left: 4px;
   }
 }