wwwroot/css/app.css

@@ -0,0 +1,29 @@
+
+
+ul{
+  padding:0;
+}
+
+.rf-list, .list-unstyled{
+  list-style: none;
+}
+
+.rf-content{
+  margin-top:64px;
+}
+
+.rf-larger{
+  font-size: larger;
+}
+
+.rf-smaller{
+  font-size: smaller;
+}
+
+@media screen and (max-width: 576px){ /* bump up font on smaller screen */
+  html{font-size: 20px}
+
+  .rf-content{
+    margin-top:80px;
+  }
+}

wwwroot/css/mdi-bs4-compat.css

@@ -0,0 +1,40 @@
+.alert.mdi::before {
+    margin: 0 3px 0 -3px;
+  }
+  
+  .btn.mdi:not(:empty)::before {
+    margin: 0 3px 0 -3px;
+  }
+  
+  .breadcrumb-item a.mdi::before, .breadcrumb-item span.mdi::before {
+    margin: 0 2px 0 -2px;
+  }
+  
+  .dropdown-item.mdi::before {
+    margin: 0 8px 0 -10px;
+  }
+  
+  .list-group-item.mdi::before {
+    margin: 0 6px 0 -6px;
+  }
+  
+  .modal-title.mdi::before {
+    margin: 0 4px 0 0;
+  }
+  
+  .nav-link.mdi::before {
+    margin: 0 4px 0 -4px;
+  }
+  
+  .navbar-brand.mdi::before {
+    margin: 0 4px 0 0;
+  }
+  
+  .popover-title.mdi::before {
+    margin: 0 4px 0 -4px;
+  }
+  
+  .btn.mdi-chevron-up.collapsed::before {
+    content: '\f140';
+  }
+