final

missing:
 - commentary
 - its ugly but working

css/notes_app.css

@@ -6,19 +6,39 @@ body{
 }
 
 #storageBrowser{
-    margin-bottom:2.5px;
+    background-color: #ddfe7d ;
+    margin:2.5px;
+    border-radius: 5px;
     border:1px black solid;
     width: 300px;
 }
 
 #storageBrowserHeader{
+    background-color:#f9f5f4;
     display: inline-block;
+    font-weight: bold;
+    border-radius: 5px;
     border-bottom:1px black solid;
     border-right: 1px black solid;
+    overflow: hidden;
 }
 
-#refreshButtonDiv{
-    float: right;
+.right{
+    float:right;
+    padding: 1px;
+}
+
+#addNoteDiv{
+    margin:2.5px;
+}
+
+#addNoteButton{
+    height: 26px;
+    width: 26px;
+    font-size: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 #mainHeader h1{
@@ -32,7 +52,9 @@ body{
 }
 
 .noteDiv{
+    background-color: #ddfe7d ;
     padding:5px;
+    border-radius: 5px;
     margin-top:2px;
     display: inline-block;
     border:1px black solid;