Most of the key features work at this point.

app/css/native_app.css

@@ -0,0 +1,99 @@
+body {
+  margin: 0rem;
+  padding: 0rem;
+  /*border: solid thin pink;*/
+  margin-bottom: 1rem; /* This is for the bottom status bar. */
+}
+
+body > .container { /* allow the container directly under body to be 100% wide*/
+  /*max-width: 100%;*/
+  
+  margin: .1rem;
+  padding: .1rem;
+  /*border: solid thin pink;*/
+}
+
+body > .container > .row { /* allow the container directly under body to be 100% wide*/
+  margin-right: 0;
+  margin-left: 0;
+  margin: .1rem;
+  padding: .1rem;
+}
+
+.app_status_bar {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  margin: 0 0;
+  padding: 0 .5rem;
+  background: #eee;
+}
+
+.app_status_bar:hover {
+  font-size: 2.5rem;
+}
+
+.app_network_status {
+  
+  background: #eee;
+}
+
+.app_datetime {
+  float: right;
+}
+
+.app_warning {
+  background: yellow;
+}
+
+.btn_no_case {
+  text-transform: none;
+}
+
+/*
+.btn-info {
+  background: green;
+}
+
+.btn-info:hover {
+  background: darkgreen;
+}
+
+
+mynewcolor:#77cccc;
+
+.btn-info {
+    @include button-variant($mynewcolor, darken($mynewcolor, 7.5%), darken($mynewcolor, 10%), lighten($mynewcolor,5%), lighten($mynewcolor, 10%), darken($mynewcolor,30%));
+}
+
+.btn-outline-primary {
+    @include button-outline-variant($mynewcolor, #222222, lighten($mynewcolor,5%), $mynewcolor);
+}
+*/
+
+
+.filename {
+  /*
+  margin-left: .1rem;
+  padding-left: .1rem;
+  */
+}
+
+.menu_session_code, .detail_session_code {
+  margin-left: .1rem;
+  padding-left: .1rem;
+  font-size: .5em;
+}
+
+.session_detail>h2 {
+  background-color: #F7F7F7;
+  /*border-bottom: solid .1rem black;*/
+}
+
+.detail_session_code {
+  margin-left: .1rem;
+  padding-left: .1rem;
+  font-size: .5em;
+}
+
+