style tweaks

tomkp · Apr 24, 2016 · 9b9367d · 9b9367d
1 parent 7f30c2e
commit 9b9367d
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git a/app/src/components/console-entry/control-entry.scss b/app/src/components/console-entry/control-entry.scss
@@ -5,12 +5,16 @@
 .console-entry {
 
   padding: 1rem 1rem;
-  border-bottom: 1px solid #ddd;
+  border-top: 1px solid #ddd;
   border-left: 1px solid transparent;
   margin-top: -1px;
 
   @extend .truncate;
 
+  &:first-child {
+    border-top: none;
+  }
+
   &:hover {
     border-left-color: #ddd;
   }

diff --git a/app/src/components/console/console.scss b/app/src/components/console/console.scss
@@ -22,7 +22,6 @@
   .commands {
     background: #fafafa;
     font-family: "Menlo", "Lucida Console", monospace;
-    padding-bottom: 5rem;
   }
 
   textarea {
@@ -36,17 +35,34 @@
 
   .card-inserted {
 
-    border-bottom: 1px solid #ddd;
+    //border-bottom: 1px solid #ddd;
+
+    //border-left: 1px solid #ddd;
+
+    border-top: 1px solid #ddd;
+    border-left: 1px solid transparent;
+    margin-top: -1px;
+
+    @extend .truncate;
+
+    &:first-child {
+      border-top: none;
+    }
+    &:hover {
+      border-left-color: #ddd;
+    }
+
 
     .device {
-      display: inline-block;
+      background: #fafafa;
+      display: block;
       padding: 1rem;
     }
 
     .atr {
-      display: inline-block;
+      display: block;
       padding: 1rem;
-      border-left: 1px solid #ddd;
+
       &:before {
         content: "Answer to reset:";
         padding-right: .5rem;