                                   :padding        "8px"
                                   :font-weight    "bold"
                                   :text-transform "uppercase"}]
-                    [:.menu-item-active {:background "#ffce8c"}]])
+                    [:.menu-item-active {:background "#ffce8c"}]
+                    [:.remaining-bar {:background    "#fff"
+                                      :border-bottom "2px solid #000"
+                                      :font-weight   "bold"
+                                      :font-size     "12px"
+                                      :text-align    "center"
+                                      :padding       "8px 0"}]
+                    [:.view-area {:flex       "1"
+                                  :overflow   "auto"
+                                  :width      "100vw"
+                                  :overflow-x "hidden"}]])
   (include-children [_] [MainViewLink
                          QueuedVideo
                          CategoryGroup])

                                 :padding       "5px"
                                 :align-items   "baseline"}]

                    [:.action-title {:font-weight "bold"
                                     :font-size   "27px"
                                     :margin-left "10px"}]

(defn update-tab-url [url]
  (cjs/call js/window ["chrome" "tabs" "update"] {:url url}))

(defn cs [component class-name]
  (get (css/get-classnames component) (keyword class-name)))

(defmethod mutate 'auth/token-received [{:keys [state]} _ {:keys [token]}]
  {:action (fn []
             (swap! state assoc :app/user-token token))})
