final

missing:
 - commentary
 - its ugly but working

html/index.html

@@ -6,7 +6,9 @@
     <title>Document</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="/scripts/notes_app.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/css/notes_app.css" type="text/css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 </head>
 <body>
     <div id=mainHeader>
@@ -14,14 +16,15 @@
             Quick Notes
         </h1>
         <h6>
-            A sample note web app to demonstrate the usage of Promises/Async/Await.
+            A simple note web app to demonstrate the usage of Promises/Async/Await.
         </h6>
     </div>
     <div id=storageBrowser>
         <div id=storageBrowserHeader>All Notes</div>
-        <div id=refreshButtonDiv>
-            <button type="button" id=refreshButton>R</button>
+        <div class=right>
+            <button class="btn btn-default btn-xs" id="refreshButton"><span class="glyphicon glyphicon-refresh"></span></button>
         </div>
+        
         <div id=noteStorage></div>
     </div>
     <div id=addNoteDiv>