favorites group in sidebar

index.html

@@ -24,10 +24,16 @@
         <div id="master">
             <div id="sidebar">
                 <div id="favorites">
-                    <div>
-                        <h2 class="nosel">Quick Access</h2>
+                    <div id="favorites-wrapper">
+                        <div>
+                            <h2 class="nosel">Quick Access</h2>
+                        </div>
+                        <div id="favorites-container"></div>
+                        <div>
+                            <h2 class="nosel">Favorites</h2>
+                        </div>
+                        <div id="custom-favorites-container"></div>
                     </div>
-                    <div id="favorites-container"></div>
                 </div>
             </div>
             <div id='container'>

styles/sidebar.css

@@ -14,7 +14,7 @@
 
 #container {margin-left: 200px;}
 
-#favorites-container {
+#favorites-container, #favorites-wrapper, #custom-favorites-container {
     display: flex;
     flex-direction: column;
     align-items: stretch;