From 3042054287feaa154a759d6fc10a33193668bb5e Mon Sep 17 00:00:00 2001
From: Rob Garrison <wowmotty@gmail.com>
Date: Sun, 13 Jan 2019 15:39:50 -0600
Subject: [PATCH] Fix entry height variable

---
 manage/manage.css | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/manage/manage.css b/manage/manage.css
index 3bb8a2f7..6985072b 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -5,7 +5,7 @@
   --narrow-column: 75px;
   --header-height: 40px;
   --toolbar-height: 60px;
-  --entry-header-height: 25px;
+  --entry-height: 30px;
   --onoffswitch-width: 60px;
 
   --header-bg-color: #333;
@@ -169,13 +169,13 @@ a:hover {
   color: var(--entry-header-text-color);
   position: fixed;
   top: var(--header-height);
-  height: var(--entry-header-height);
   z-index: 100;
 }
 
 #installed .entry,
 #installed .entry-header {
   width: calc(100vw - 1.5em);
+  height: var(--entry-height);
   display: flex;
   flex: 0 0 var(--narrow-column);
   flex-flow: row nowrap;
@@ -183,11 +183,10 @@ a:hover {
   align-items: center;
   justify-content: center;
   padding: 0;
-  height: 30px;
 }
 
 #installed, #options, #backup {
-  margin-top: calc(var(--header-height) + var(--entry-header-height));
+  margin-top: calc(var(--header-height) + var(--entry-height));
 }
 
 #installed .entry:last-child {
@@ -271,6 +270,15 @@ body.all-styles-hidden-by-filters #installed:after {
   padding: 8px 0;
 }
 
+.entry-name-text {
+  display: inline-block;
+  max-width: 30vw;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: top;
+  white-space: nowrap;
+}
+
 .entry-header:not(.sortable) {
   cursor: default;
 }
@@ -666,7 +674,7 @@ details.applies-to-extra[open] {
 }
 
 #tools-wrapper:not(.hidden) + #installed {
-  margin-top: calc(var(--header-height) + var(--toolbar-height) + var(--entry-header-height));
+  margin-top: calc(var(--header-height) + var(--toolbar-height) + var(--entry-height));
 }
 #tools-wrapper:not(.hidden) + #installed .entry-header {
   top: calc(var(--header-height) + var(--toolbar-height));
@@ -928,6 +936,9 @@ details.applies-to-extra[open] {
   .entry-name {
     flex: 1;
   }
+  .entry-name-text {
+    max-width: 10vw;
+  }
   .entry-actions {
     white-space: normal;
   }