style - make spacing more consistent and plesent

1 files changed, 10 insertions, 5 deletions

diff --git a/src/static/main.css b/src/static/main.css
index 2db37ed..817887f 100644
--- a/src/static/main.css
+++ b/src/static/main.css
@@ -30,29 +30,34 @@ hr {
 }
 
 /* Program */
+
+:root {
+  --line-height: 1.5em;
+}
+
 #program {
   white-space-collapse: collapse; /* Allow program template to be spaced legibly */
+  line-height: var(--line-height);
 }
 
 .program-entry {
   position: relative;
-  margin-bottom:0.4em;
 }
 
 .program-progress {
   display: inline-block;
   background: #006688;
-  height: 1.2em;
+  height: calc(var(--line-height) * 0.8333);;
+  margin-top: calc(var(--line-height) * 0.0833);
   position: absolute;
   left: 0;
   overflow: hidden;
+  transform: translate(-0.25em); /* Add some spacing for text inset */
 }
 
 .program-text {
   position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
+  width: 120%;
 }
 
 .program-text > * {