Changed eye icon in sidebar to lock, changed padding of alert message…

… to be aligned with collection title (#619)
mongodb-js · Nov 22, 2016 · 2470ed0 · 2470ed0
1 parent 0290609
commit 2470ed0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/internal-packages/app/styles/status-row.less b/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;

diff --git a/src/internal-packages/sidebar/lib/components/sidebar-collection.jsx b/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" />
       );
     }
   }

diff --git a/src/internal-packages/sidebar/styles/index.less b/src/internal-packages/sidebar/styles/index.less
@@ -40,6 +40,11 @@
       &:hover {
         background-color: #42494f;
       }
+
+      .fa {
+        font-size: 12px;
+        margin-right: 5px;
+      }
     }
 
     &-is-active,