From f9ccd3eeeec59fe1157760d27e666c59f5f5a909 Mon Sep 17 00:00:00 2001
From: Rob Garrison <wowmotty@gmail.com>
Date: Sun, 20 Jan 2019 19:35:28 -0600
Subject: [PATCH] Increase spacing between header icons

---
 manage/manage.css | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/manage/manage.css b/manage/manage.css
index b6778d55..18062fa9 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -83,10 +83,16 @@ a:hover {
 
 #main-actions {
   display: flex;
-  width: 260px;
+  width: 320px;
   height: 40px;
   justify-content: space-between;
   align-items: center;
+  margin-right: 10px;
+}
+
+#main-actions a,
+#main-actions div {
+  margin-right: 4px;
 }
 
 /* header vertical separator between icon groups */
@@ -138,10 +144,10 @@ a:hover {
   width: 100%;
   height: var(--header-height);
   z-index: 101;
-  padding: 2px 8px;
+  padding: 0 4px;
   margin: 0;
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
 }
 
@@ -164,6 +170,10 @@ a:hover {
   font-weight: normal;
 }
 
+#installed, #options, #backup {
+  width: 100%;
+  margin-top: calc(var(--header-height) + var(--entry-height));
+}
 
 #installed .entry-header {
   background: var(--entry-header-bg-color);
@@ -175,7 +185,7 @@ a:hover {
 
 #installed .entry,
 #installed .entry-header {
-  width: calc(100vw - 1.5em);
+  width: 100%;
   height: var(--entry-height);
   display: flex;
   flex: 0 0 var(--narrow-column);
@@ -186,10 +196,6 @@ a:hover {
   padding: 0;
 }
 
-#installed, #options, #backup {
-  margin-top: calc(var(--header-height) + var(--entry-height));
-}
-
 #installed .entry:last-child {
   margin-bottom: 10px;
 }