make breadcrumbs responsive again and always show sidebar

templates/default-layout.lucius

@@ -175,9 +175,8 @@ h4 {
   position: relative;
   background-color: white;
   transition: padding-left .2s ease-out;
-  max-width: 1200px;
-  margin: 0 auto;
   margin-top: var(--header-height-collapsed);
+  margin-left: 0;
 
   > .container {
     margin: 20px 0;
@@ -196,15 +195,8 @@ h4 {
   }
 }
 
-.logged-in {
-  .main__content {
-    max-width: none;
-    margin-left: 0;
-  }
-}
-
-@media (min-width: 425px) {
-  .logged-in:not(.modal) {
+@media (min-width: 426px) {
+  :not(.modal) {
     .main__content {
       margin-left: var(--asidenav-width-md, 50px);
     }
@@ -212,7 +204,7 @@ h4 {
 }
 
 @media (min-width: 769px) {
-  .logged-in:not(.modal) {
+  :not(.modal) {
     .main__content {
       margin-left: var(--asidenav-width-lg, 20%);
       margin-top: var(--header-height);
@@ -221,7 +213,7 @@ h4 {
 }
 
 @media (min-width: 1200px) {
-  .logged-in:not(.modal) {
+  :not(.modal) {
     .main__content {
       margin-left: var(--asidenav-width-xl, 250px);
     }

templates/widgets/asidenav.lucius

@@ -1,6 +1,5 @@
 .main__aside {
   position: fixed;
-  display: none;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   z-index: 1;
   top: 0;
@@ -35,13 +34,6 @@
   }
 }
 
-.logged-in {
-  .main__aside {
-    display: block;
-    min-height: calc(100% - var(--header-height-collapsed));
-  }
-}
-
 @media (max-width: 425px) {
 
   .main__aside {

templates/widgets/breadcrumbs.lucius

@@ -1,11 +1,23 @@
 .breadcrumbs__container {
   position: relative;
   color: var(--color-lightwhite);
-  padding: 4px 40px;
+  padding: 4px 13px;
   background-color: var(--color-dark);
   line-height: 30px;
 }
 
+@media (min-width: 426px) {
+  .breadcrumbs__container {
+    padding: 7px 20px;
+  }
+}
+
+@media (min-width: 769px) {
+  .breadcrumbs__container {
+    padding: 7px 40px;
+  }
+}
+
 .breadcrumbs__link {
   color: var(--color-lightwhite);