Working on opening local files

app/css/event_launcher.css

@@ -60,7 +60,7 @@
 
     background-color: hsla(0,0%,100%,.98);
     font-size: 1.1em;
-    
+
     padding-right: .1em;
 
     border-right: solid medium hsla(0,0%,90%,1);
@@ -125,7 +125,7 @@
 .event_launcher_main_nav_menu .btn {
     min-width: 100%;
     max-width: 100%;
-    
+
     border-radius: .25em;
     margin: .1em 0em;
 }
@@ -145,7 +145,7 @@
     text-align: center;
     font-size: .7em;
     min-width: 5em;
-    
+
     margin: .1em .2em;
 }
 
@@ -173,6 +173,39 @@
     z-index: 500;
 }
 
+.event_launcher_status {
+    outline: dashed thin red;
+    margin: .1em .4em;
+    padding: .0em;
+
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    /* width: 12em; */
+
+    z-index: 500;
+
+    display: flex;
+    flex-direction: row;
+    /* flex-wrap: nowrap; */
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+
+    font-size: .7em;
+}
+.event_launcher_status:hover {
+    font-size: 1.1em;
+    font-weight: bold;
+}
+
+.event_launcher_status > .network_status {
+    margin: .2em .2em;
+}
+
+.event_launcher_status > .current_datetime {
+    margin: .2em .2em;
+}
 
 
 .event_launcher_main_content header.event_session_about {
@@ -243,17 +276,17 @@ ul.event_presentation_list .btn_list>li {
 .event_launcher_main_content .event_presentation_datetime_name .event_presentation_datetime {
     /*align-self: flex-start;*/
     /*border-right: dashed thin green;*/
-    
+
     text-align: center;
     font-size: .7em;
     min-width: 5em;
-    
+
     margin: .1em .2em;
 }
 
 .event_launcher_main_content .event_presentation_datetime_name .event_presentation_name {
     border-left: solid thin gray;
-    
+
     margin: .1em .2em;
     padding-left: .2em;
 }