fix(demo): put changelog link in right position

Author: suvashvishowkarma

apps/demo/src/assets/css/header-addon.css

@@ -19,7 +19,7 @@
     var(--dz-layout-nav-item-padding-h);
 }
 
-@media screen and (min-width: 60rem) {
+@media screen and (min-width: 576px) {
   .dz-layout[aria-expanded="true"] .dz-header-container .header-addon {
     order: 1;
     display: block;

apps/demo/src/assets/css/style.css

@@ -1,8 +1,3 @@
-:root {
-  --layout-max-width: 100%;
-  --logo-width: 150px;
-}
-
 * {
   box-sizing: border-box;
 }
@@ -21,18 +16,15 @@ code {
 }
 
 @media screen and (min-width: 576px) {
-  .dz-layout > main {
-    padding: 0;
+  .dz-layout > header > .dz-header-container {
+    flex-wrap: wrap;
   }
-}
 
-@media screen and (min-width: 60rem) {
-  :root {
-    --layout-padding-h: 3rem;
+  .dz-layout > header > .dz-header-container > .dz-header-menu {
+    flex: unset;
   }
 
-  .layout.basic > :is(footer, header, main) {
-    padding-left: var(--layout-padding-h);
-    padding-right: var(--layout-padding-h);
+  .dz-layout > main {
+    padding: 0;
   }
 }