Merge branch 'buffer-completion'

1 files changed, 35 insertions, 9 deletions

diff --git a/src/console/console.scss b/src/console/console.scss
index 0de873d..7bb46dd 100644
--- a/src/console/console.scss
+++ b/src/console/console.scss
@@ -8,6 +8,7 @@ body {
   bottom: 0;
   left: 0;
   right: 0;
+  overflow: hidden;
 }
 
 .vimvixen-console {
@@ -23,20 +24,45 @@ body {
     line-height: 16px;
   }
 
-  &-error {
-    background-color: red;
-    font-weight: bold;
-    color: white;
+  &-completion {
+    background-color: white;
 
     @include consoole-font;
-  }
 
+    &-title {
+      background-color: lightgray;
+      font-weight: bold;
+      margin: 0;
+      padding: 0;
+    }
+
+    &-item {
+      padding-left: 1.5rem;
+      background-position: 0 center;
+      background-size: contain;
+      background-repeat: no-repeat;
+      white-space: nowrap;
 
-  &-title {
-    background-color: lightgray;
+      &.vimvixen-completion-selected {
+        background-color: yellow;
+      }
+
+      &-caption {
+        display: inline-block;
+        width: 40%;
+      }
+
+      &-url {
+        display: inline-block;
+        color: green;
+      }
+    }
+  }
+
+  &-error {
+    background-color: red;
     font-weight: bold;
-    margin: 0;
-    padding: 0;
+    color: white;
 
     @include consoole-font;
   }