Fix app navbar for local development

Author: codytodonnell

src/app.tsx

@@ -33,75 +33,20 @@ const mountNode = document.getElementById(mountNodeSelector);
 ReactDOM.render(
   <>
     <Router>
-      <Link to="/materials">Materials</Link>
-      <Link to="/molecules">Molecules</Link>
-      <Link to="/matscholar">Matscholar Alpha</Link>
-      <Navbar
-        brandItem={{
-          label: 'MP React',
-          href: '/materials'
-        }}
-        items={[
-          {
-            label: 'Materials',
-            href: '/materials'
-          },
-          {
-            label: 'Molecules',
-            href: '/molecules'
-          },
-          {
-            label: 'Batteries',
-            href: '/batteries'
-          },
-          {
-            label: 'Synthesis',
-            href: '/synthesis'
-          },
-          {
-            label: 'Catalysts',
-            href: '/catalysts'
-          },
-          {
-            label: 'MOF',
-            href: '/mof'
-          },
-          {
-            label: 'X-Ray Absorption Spectra',
-            href: '/xas'
-          },
-          {
-            label: 'More',
-            isRight: true,
-            items: [
-              {
-                label: 'More',
-                isMenuLabel: true
-              },
-              {
-                label: 'Phase Diagram',
-                href: '/phasediagram'
-              },
-              {
-                label: 'Publications',
-                href: '/publications'
-              },
-              {
-                label: 'Contributions',
-                href: '/contribs'
-              },
-              {
-                label: 'Crystal Structure',
-                href: '/crystal'
-              },
-              {
-                label: 'Sandbox',
-                href: '/sandbox'
-              }
-            ]
-          }
-        ]}
-      />
+      <div className="basic-navbar">
+        <Link to="/materials">Materials</Link>
+        <Link to="/molecules">Molecules</Link>
+        <Link to="/matscholar">Matscholar Alpha</Link>
+        <Link to="/batteries">Batteries</Link>
+        <Link to="/synthesis">Synthesis</Link>
+        <Link to="/catalysts">Catalysts</Link>
+        <Link to="/mof">MOF</Link>
+        <Link to="/xas">XAS</Link>
+        <Link to="/phasediagram">Phase Diagram</Link>
+        <Link to="/contribs">Contributions</Link>
+        <Link to="/crystal">Crystal Structure</Link>
+        <Link to="/sandbox">Sandbox</Link>
+      </div>
       <section>
         <Switch>
           <Route path="/materials">

src/styles.less

@@ -7,6 +7,10 @@ body {
   min-height: 100vh;
 }
 
+#app {
+  padding: 1.5rem;
+}
+
 .mp-app-content {
   position: relative;
   min-height: calc(100vh - 6.5rem);
@@ -60,6 +64,11 @@ h1:not(.sb-show-main h1) {
   text-align: center;
 }
 
+.basic-navbar > * {
+  display: inline-block;
+  margin-right: 0.75rem;
+}
+
 /*******************************************************
 
 Destined for overrides.scss in mp-web