Most of the key features work at this point.

app/css/native_app.css

@@ -1,17 +1,15 @@
 body {
-  margin: .1rem;
-  padding: .1rem;
+  margin: 0rem;
+  padding: 0rem;
   /*border: solid thin pink;*/
-}
-
-.btn_no_case {
-  text-transform: none;
+  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: 0rem;
-  padding: 0rem;
+  
+  margin: .1rem;
+  padding: .1rem;
   /*border: solid thin pink;*/
 }
 
@@ -22,6 +20,36 @@ body > .container > .row { /* allow the container directly under body to be 100%
   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;
@@ -42,3 +70,30 @@ mynewcolor:#77cccc;
     @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;
+}
+
+

app/css/style.css

@@ -1,3 +1,5 @@
+
+
 .bd-placeholder-img {
   font-size: 1.125rem;
   text-anchor: middle;
@@ -45,26 +47,4 @@
   justify-content: center;
 }
 
-.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;
-}