From 2b3dd4b1df676537326d02c8b00714357886ccfc Mon Sep 17 00:00:00 2001
From: Alex Liebowitz <alex@alexliebowitz.com>
Date: Fri, 27 May 2016 07:04:37 -0400
Subject: [PATCH] CSS tweaks for menu: support fixed width icons,
 non-underlined links

---
 scss/_gui.scss | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/scss/_gui.scss b/scss/_gui.scss
index ce30baaab..1c866e86f 100644
--- a/scss/_gui.scss
+++ b/scss/_gui.scss
@@ -23,6 +23,12 @@ body
   }
 }
 
+.icon-fixed-width {
+  /* This borrowed is from a component of Font Awesome we're not using, maybe add it? */
+  width: (18em / 14);
+  text-align: center;
+}
+
 section
 {
   margin-bottom: $spacing-vertical;
@@ -137,15 +143,30 @@ input[type="search"]
 .button-text
 {
   color: $color-primary;
-  text-decoration: underline;
-  .icon:first-child
+  .icon
   {
-    padding-right: 5px;
+    &:first-child {
+      padding-right: 5px;
+    }
+    &:last-child:not(:only-child) {
+      padding-left: 5px;
+    }
+  }
+
+  &:not(.no-underline) {
+    text-decoration: underline;
+    .icon {
+      text-decoration: none;
+    }
   }
   &:hover
   {
     opacity: 0.70;
     transition: opacity .225s ease;
+    text-decoration: underline;
+    .icon {
+      text-decoration: none;
+    }
   }
 }