style

Author: Michael Wunderlich

public/css/scorekeep.css

@@ -21,11 +21,11 @@ body {
 }
 .site-wrapper-inner {
   display: table-cell;
-  vertical-align: top;
 }
 .cover-container {
   margin-right: auto;
   margin-left: auto;
+  margin-top: 75px;
 }
 
 /* Padding for spacing */
@@ -88,30 +88,20 @@ body {
  */
 
 @media (min-width: 40em) {
-  /* Pull out the header and footer */
+  /* Pull out the header */
   .masthead {
     position: fixed;
     top: 0;
   }
-  .mastfoot {
-    position: fixed;
-    bottom: 0;
-  }
-  /* Start the vertical centering */
-  .site-wrapper-inner {
-    vertical-align: middle;
-  }
   /* Handle the widths */
   .masthead,
-  .mastfoot,
   .cover-container {
     width: 100%; /* Must be percentage or pixels for horizontal alignment */
   }
 }
 
 @media (min-width: 62em) {
   .masthead,
-  .mastfoot,
   .cover-container {
     width: 42rem;
   }
@@ -197,11 +187,13 @@ input {
   font-size: 20px;
   text-align: left;
 }
+#session-id {
+  width: auto;
+  text-align: left;
+  padding-left: 10px;
+}
 #user {
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding-top: 15px;
+  float: right;
 }
 #rules-select {
   display: inline-block;

public/session.html

@@ -1,7 +1,7 @@
 <div id="session">
-  <div class="session-header">{{ session.name }}</div>
-  <div>Session ID: {{ session.id }}</div>
   <div id="user"><h6>{{ user.name}}</h6></div>
+  <div class="session-header">{{ session.name }}</div>
+  <div id="session-id">Session ID: {{ session.id }}</div>
   <div class="sub-header">Create a game</div>
   <div id="create-game-form">
     <form name="create-game">