Copy nav style from UW Theme

visualizer/static/style.css

@@ -30,6 +30,12 @@ body.embedded #plotter {
   padding: 0;
 }
 
+#plotter-nav {
+  width: 100%;
+  border: solid #cfcfcf;
+  border-width: 1px 0;
+}
+
 #plotter-nav ul {
   display: flex;
   flex-flow: row wrap;
@@ -39,23 +45,31 @@ body.embedded #plotter {
 }
 
 #plotter-nav li {
-  display: block;
+  display: table-cell;
+  padding: 0 .95rem;
+  max-width: calc(100% - 16px);
 }
 
-#plotter-nav a,
-#plotter-nav button {
+#plotter-nav li > * {
   background: none;
   color: inherit;
   cursor: pointer;
-  display: block;
+  display: inline-block;
   font-family: inherit;
-  font-size: 1rem;
-  margin: 8px;
-  padding: 7px;
-  border: 1px solid black;
+  font-size: 1.125rem;
+  font-weight: bold;
+  line-height: 1.125;
+  margin: .8rem 0;
+  padding: .3rem 0 .1rem;
+  border: none;
+  border-bottom: .2rem solid transparent;
   text-decoration: none;
-  width: 256px;
-  max-width: 256px;
+}
+
+#plotter-nav li.current > *,
+#plotter-nav li > *:hover,
+#plotter-nav li > *:focus {
+  border-bottom-color: #c5050c;
 }
 
 #selections {