Convert side bar to a header with title

1 files changed, 10 insertions, 18 deletions

diff --git a/src/styles/main.css b/src/styles/main.css
index 2868e7b..1146b80 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -16,10 +16,6 @@ a:visited {
     color: blue;
 }
 
-#root {
-    display: flex;
-}
-
 #list-container,
 #object-view {
     width: 100%;
@@ -27,23 +23,19 @@ a:visited {
 }
 
 /* Header */
-
 #header {
-    margin: 0;
-    border-right: 1px solid black;
-    width: 10em;
-}
-
-#header li {
-    list-style-type: none;
-}
-
-#header ul {
-    padding-left: 2em;
+    padding: 2em;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
 
-#header hr {
-    width: 70%;
+#header #title a {
+    text-decoration: none;
+    color: pink;
+    font-size: 2em;
+    font-weight: bold;
+    font-style: italic;
 }
 
 /* Object */