1 files changed, 26 insertions, 24 deletions

diff --git a/css/main.scss b/css/main.scss
index 5fcab11..2deb253 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -115,21 +115,13 @@ strong {
     flex-flow:       row wrap;
     align-items:     center;
     justify-content: space-between;
-
-    &::after {
-        display:     block;
-        width:       100%;
-        white-space: nowrap;
-        overflow:    hidden;
-        color:       $text-faint;
-        content:     '-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------';
-    }
+    border-bottom:   1px solid $border;
 }
 
 //
 
 .header {
-    padding: .9em 1em 0;
+    padding: .9em 1em;
     color:   $text-minus;
 }
 
@@ -212,14 +204,16 @@ strong {
     }
     
     &__head {
-        margin-bottom: 1.5em;
+        padding-bottom: .75em;
+        margin-bottom:  1.5em;
     }
     
     &__title {
-        padding-right: 1em;
-        white-space:   nowrap;
-        text-overflow: ellipsis;
-        overflow:      hidden;
+        padding-right:  1em;
+        white-space:    nowrap;
+        text-overflow:  ellipsis;
+        overflow:       hidden;
+        text-transform: uppercase;
     }
 }
 
@@ -228,18 +222,26 @@ strong {
 .setting {
     display:         flex;
     flex-direction:  row;
-    align-items:     center;
+    align-items:     baseline;
     justify-content: space-between;
 
+    &::after {
+        order:         2;
+        flex:          0 99999 auto;
+        display:       block;
+        width:         100%;
+        height:        0;
+        margin:        0 .5em;
+        border-bottom: 2px dotted $border;
+        content:       '';
+    }
+
     &__label {
-        white-space:  nowrap;
-        overflow:     hidden;
-        margin-right: .5em;
-    
-        &::after {
-            color:   $text-faint;
-            content: ' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .';
-        }
+        order: 1;
+    }
+
+    &__value {
+        order: 3;
     }
 }