Merge pull request #1 from semanticdata/new-layout

new layout

Author: semanticdata

src/background.js

@@ -41,7 +41,7 @@ <h1 class="nav-title">
       </p>
     </footer>
 
-    <script type="text/javascript" src="../tabnotes.js"></script>
-    <script type="text/javascript" src="../toggle.js"></script>
+    <script type="text/javascript" src="../js/tabnotes.js"></script>
+    <script type="text/javascript" src="../js/toggle.js"></script>
   </body>
 </html>

src/sidebar/panel.html

@@ -25,14 +25,13 @@ html {
   color: var(--text-color);
 }
 body {
-  max-width: 80ch;
-  padding-inline: 1rem;
+  font-family: sans-serif;
   margin-inline: auto;
-  margin-block: 0;
-  height: 100vh;
   display: flex;
   flex-direction: column;
-  font-family: sans-serif;
+  height: 100vh;
+  margin-block: 0;
+  padding-inline: 1rem;
 }
 header {
   display: flex;
@@ -41,6 +40,9 @@ header {
 }
 main {
   flex-grow: 1;
+  margin-inline: auto;
+  width: 80ch;
+  max-width: 100%;
 }
 footer {
   padding-block-end: 1rem;
@@ -50,7 +52,6 @@ footer {
 textarea {
   background: var(--alt-color);
   color: var(--text-color);
-  /* min-height: 100%; */
   padding: 1rem;
   width: 100%;
   border-radius: 0.35rem;