Changed eye icon in sidebar to lock, changed padding of alert message to be aligned with collection title (#619)

Author: Sean-Oh

src/internal-packages/app/styles/status-row.less

@@ -2,7 +2,7 @@
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
-  padding: 5px 12px;
+  padding: 5px 15px;
 
   min-height: 26px;
   border-bottom: 1px solid @gray7;

src/internal-packages/sidebar/lib/components/sidebar-collection.jsx

@@ -26,7 +26,7 @@ class SidebarCollection extends React.Component {
   renderReadonly() {
     if (this.props.readonly) {
       return (
-        <i className="fa fa-eye" aria-hidden="true" />
+        <i className="fa fa-lock" aria-hidden="true" />
       );
     }
   }

src/internal-packages/sidebar/styles/index.less

@@ -40,6 +40,11 @@
       &:hover {
         background-color: #42494f;
       }
+
+      .fa {
+        font-size: 12px;
+        margin-right: 5px;
+      }
     }
 
     &-is-active,