#3 small screen adjustments

dukecon · Feb 16, 2018 · 18d9022 · 18d9022
1 parent 838dfd8
commit 18d9022
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/src/main/webapp/css/dukecon.css b/src/main/webapp/css/dukecon.css
@@ -14,13 +14,17 @@ body {
     overflow-y: scroll;
 }
 
-table, th, td {
+table {
     width: 100%;
     border: 1px solid #ddd;
     vertical-align: top;
-    padding: 5px;
     background-color: #eee;
 }
+th, td {
+    border: 1px solid #ddd;
+    vertical-align: top;
+    padding: 5px;
+}
 
 #main td:last-child {
     min-width: 11em;
@@ -296,6 +300,18 @@ button {
         margin-bottom: 3.5em;
         padding: 0.5em;
     }
+    td {
+        font-size: 95%;
+    }
+    td:first-child, th:first-child {
+        max-width: 150px;
+        word-wrap:break-word;
+    }
+    td:first-child div div {
+        max-width: 110px;
+        overflow-wrap:break-word;
+        word-wrap:break-word;
+    }
     footer {
         height: 2.5em;
     }

diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
@@ -64,7 +64,7 @@ <h2 class="dark">
                     </div>
                     <div class="talk">
                         <div class="label">Seats:</div>
-                        <div>{{talk.occupiedSeats}} / {{ talk.availableSeats }}</div>
+                        <div>{{talk.occupiedSeats}} / {{ talk.availableSeats }} occupied</div>
                     </div>
                 </td>
                 <td>