Start work on better wide html renderer.

1 files changed, 23 insertions, 9 deletions

diff --git a/static/style.css b/static/style.css
index bfb1f961..99c04921 100644
--- a/static/style.css
+++ b/static/style.css
@@ -199,10 +199,22 @@ body {
 
 .days .meta {
 	border-bottom: 2px solid gray;
+        grid-row: 1;
+}
+
+.days .events {
+    grid-row: 3;
+}
+
+.days .longevents {
+    grid-row: 2;
+    grid-column-start: 1;
+    position: relative;
 }
 
 .days {
-	display: flex;
+	display: grid;
+        grid-template-rows: 4em 4em auto;
 	width: 100%;
 	height: 100%;
 	padding: 0;
@@ -215,6 +227,8 @@ body {
 	width: 100%;
 	/* height: calc(100% - 50px); */
 	flex-grow: 1;
+        /* since day container no longer exists */
+        border: 1px solid gray;
 }
 
 /* Clockbar is also .events */
@@ -224,13 +238,13 @@ body {
 	width: 2.5em;
 }
 
-.wholeday {
-	position: relative;
-	width: 100%;
-	height: calc(3 * 1.5em);
-	padding-bottom: 2px;
-	border-bottom: 2px solid black;
-}
+/* .wholeday { */
+/* 	position: relative; */
+/* 	width: 100%; */
+/* 	height: calc(3 * 1.5em); */
+/* 	padding-bottom: 2px; */
+/* 	border-bottom: 2px solid black; */
+/* } */
 
 .wholeday .event {
 	/* max-height: 1.5em; */
@@ -283,7 +297,7 @@ body {
 }
 
 .meta {
-	height: 50px;
+	/* height: 50px; */
 	width: 100%;
 	display: flex;
 	justify-content: center;