css

app/assets/stylesheets/app/_directives.scss

@@ -96,8 +96,6 @@ Extensions
 
   .extension {
     margin-bottom: 18px;
-    background-color: #f6f6f6;
-    border: 1px solid #f2f2f2;
     padding: 14px 6px;
     padding-bottom: 8px;
     color: black;
@@ -224,8 +222,6 @@ Extensions
     font-size: 12px;
 
     .provider {
-      background-color: #f6f6f6;
-      border: 1px solid #f2f2f2;
       padding: 10px 10px;
       padding-bottom: 8px;
       margin-bottom: 10px;
@@ -235,10 +231,10 @@ Extensions
       }
 
       > .url {
-        // white-space: nowrap;
-        // text-overflow: ellipsis;
-        // overflow: hidden;
-        word-wrap: break-word;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        // word-wrap: break-word;
         margin-top: 4px;
       }
 
@@ -257,10 +253,9 @@ Extensions
 .account-keys-section {
   .keys {
     .key {
-      background-color: #f6f6f6;
-      border: 1px solid #f2f2f2;
       padding: 10px 10px;
       padding-bottom: 8px;
+      margin-bottom: 8px;
 
       > .name {
         font-size: 13px;

app/assets/stylesheets/app/_header.scss

@@ -91,6 +91,7 @@
         margin-top: 0px;
         margin-bottom: 4px;
         font-size: 16px;
+        width: 100%;
       }
 
       a {
@@ -154,6 +155,16 @@
   float: left;
 }
 
+.gray-bg {
+  background-color: #f6f6f6;
+  border: 1px solid #f2f2f2;
+}
+
+.white-bg {
+  background-color: white;
+  border: 1px solid rgba(gray, 0.2);
+}
+
 .item.last-refreshed {
   font-weight: normal !important;
   cursor: default !important;
@@ -193,9 +204,15 @@
       margin-top: 0px;
     }
 
+    .account-section-content {
+      margin-top: 15px;
+    }
+
     .account-item {
       width: 100%;
-      margin-bottom: 34px;
+      margin-bottom: 15px;
+      min-height: 50px;
+      padding: 20px 14px;
 
       a {
         color: $blue-color;