Navbar updates

bronsondunbar · bronsondunbar · commit e02f943987ae · 2019-06-11T17:30:11.000+02:00
diff --git a/src/app.js b/src/app.js
@@ -30,12 +30,14 @@ export default function App(props) {
   return (
     <ThemeProvider theme={theme(state.selectedTheme)}>
       <Body>
-        <p className="active-theme">Selected theme: {captilizeString(state.selectedTheme)}</p>
         <div className="container">
           <Header>
             <h1><Link to="/">Using a Local API with React Hooks & Theming</Link></h1>
 
             <ul className="nav justify-content-end">
+              <li className="nav-item">
+                Selected theme: {captilizeString(state.selectedTheme)}
+              </li>
               <li className="nav-item">
                 <Button
                   onClick={updateTheme}>
diff --git a/src/style.css b/src/style.css
@@ -35,10 +35,11 @@ a:hover, a:focus {
 
 }
 
-.active-theme {
+.nav {
 
-	position: absolute;
-	right: 15px;
-	top: 15px;
+	position: fixed;
+	top: 0;
+	right: 0;
+	padding: 0 15px;
 
 }
