From 2155d43de81f88a04e631ba14d2da705292022ea Mon Sep 17 00:00:00 2001
From: drewcassidy <drewcassidy@me.com>
Date: Fri, 24 Nov 2017 16:03:02 -0800
Subject: [PATCH] make flags less dumb?

---
 _includes/flag.html | 12 ++++++++----
 css/style.scss      | 13 +++++++++----
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/_includes/flag.html b/_includes/flag.html
index a247382..32f858e 100644
--- a/_includes/flag.html
+++ b/_includes/flag.html
@@ -1,6 +1,10 @@
-<li class="flag"> <a href="{{include.url}}" class="{{include.color}} flagButton">
-        <span class="flagText">{{include.name}}</span>
-        <!-- <svg viewBox="0 0 115 50" preserveAspectRatio="none">
+<li>
+    <a href="{{include.url}}" class="flag">
+        <span class="{{include.color}} flagButton">
+            <h3>{{include.name}}</h3>
+            <!-- <svg viewBox="0 0 115 50" preserveAspectRatio="none">
             <polygon points="0,50 100,50, 115,25, 100,0, 0,0"/>
         </svg> -->
-</a> </li>
\ No newline at end of file
+        </span>
+    </a>
+</li>
\ No newline at end of file
diff --git a/css/style.scss b/css/style.scss
index 33e05a6..e915716 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -54,10 +54,8 @@ $body-font: 'Open Sans', sans-serif;
 body {
     margin: 0;
     background-color: $margin;
-    color-profile: sRGB;
 }
 
-
 #box {
     background-color: $background;
     max-width: 800px;
@@ -124,10 +122,13 @@ body {
 
 
 
-#sidebar {
+ul#sidebar {
     flex-shrink: 0;
+    margin-block-start: 0;
+    margin-block-end: 0;
     width: 180px;
     margin: 0;
+    line-height: 0;
 
     padding: {
         top: 5px;
@@ -135,11 +136,13 @@ body {
         left: 0px;
     }
     background-color: $background;
+    
 }
 
 .flag {
     display: inline-block;
     text-align: center;
+    line-height: 1em;
 
     position: relative;
     padding: {
@@ -165,7 +168,9 @@ body {
 
         border-radius: 0 5px 5px 0;
 
-        .flagText {
+        h3 {
+            margin-block-start: 0;
+            margin-block-end: 0;
             z-index: 2;
             float: right;
             width: 160px;