add margin

src/client/js/components/Sidebar/RecentChanges.jsx

@@ -83,16 +83,15 @@ class RecentChanges extends React.Component {
               <PagePathHierarchicalLink linkedPagePath={linkedPagePathLatter} basePath={dPagePath.isRoot ? undefined : dPagePath.former} />
               {locked}
             </h5>
-            <div className="float-left small">
+            <div className="text-left">
               <span className="mr-1 footstamp-icon"><FootstampIcon /></span>
               <span className="seen-user-count">{page.seenUsers.length}</span>
               <i className="icon-bubble"></i>
-              <span>{page.commentCount}</span>
+              <span className="comment-count">{page.commentCount}</span>
               { tagElements }
-              <br />
-            </div>
-            <div className="float-right small">
-              <FormattedDistanceDate id={page.id} date={page.updatedAt} />
+              <div className="float-right small">
+                <FormattedDistanceDate id={page.id} date={page.updatedAt} />
+              </div>
             </div>
           </div>
         </div>

src/client/styles/scss/theme/mixins/_list-group.scss

@@ -14,6 +14,30 @@
           background-color: $bgcolor-active;
         }
       }
+
+      .footstamp-icon {
+        margin-right: 2.03px;
+
+        svg {
+          width: 13.92px;
+          height: 13.95px;
+          viewbox: 0 0 13.9 13.9;
+        }
+      }
+
+      .seen-user-count {
+        margin-right: 7px;
+        font-size: 12px;
+      }
+
+      .icon-bubble {
+        margin-right: 2px;
+      }
+
+      .comment-count {
+        margin-right: 7px;
+        font-size: 12px;
+      }
     }
   }
 }