moved footer to layout. changed some css

web/components/ui/Content/Content.module.scss

@@ -1,10 +1,15 @@
+@import '../../../styles/mixins.scss';
+
 .root {
   display: grid;
   grid-template-columns: 1fr auto;
-  height: 100%;
   width: 100%;
   background-color: var(--theme-color-background-main);
   
+  @include screen(desktop) {
+    height: var(--content-height);
+  }
+
   .mainSection {
     display: flex;
     overflow-y: scroll;
@@ -40,3 +45,4 @@
   height: 100%;
   grid-template-rows: 1fr auto;
 }
+

web/components/ui/Content/Content.tsx

@@ -355,7 +355,7 @@ export const Content: FC = () => {
             {showChat && !isMobile && <Sidebar />}
           </AntContent>
         </Spin>
-        {!isMobile && <Footer version={version} />}
+        {!isMobile && false && <Footer version={version} />}
       </div>
 
       {externalActionToDisplay && (

web/components/ui/CustomPageContent/CustomPageContent.module.scss

@@ -5,7 +5,7 @@
 }
 
 .customPageContent {
-  font-size: 1.1rem;
+  font-size: 1rem;
   line-height: 1.6em;
   color: var(--theme-color-palette-0);
   padding: calc(2 * var(--content-padding));
@@ -20,7 +20,7 @@
   }
 
   div.summary {
-    font-size: 1.1rem;
+    font-size: 0.9rem;
   }
 
   p {

web/components/ui/Footer/Footer.module.scss

@@ -1,13 +1,15 @@
 .footer {
   display: flex;
+  align-items: center;
+  height: var(--footer-height);
   justify-content: space-between;
   flex-direction: row;
   background-color: var(--theme-color-background-header);
   width: 100%;
   color: var(--theme-color-components-text-on-dark);
   font-family: var(--theme-text-body-font-family);
-
-  padding: 0.6em;
+  
+  padding: 0 .6rem;
   font-size: 0.8rem;
   font-weight: 600;
   border-top: 1px solid rgba(214, 211, 211, 0.5);

web/components/ui/Header/Header.module.scss

@@ -1,6 +1,7 @@
 .header {
   position: sticky;
   top: 0px;
+  height: var(--header-height) !important;
   display: flex;
   align-items: center;
   justify-content: space-between;

web/components/ui/Sidebar/Sidebar.module.scss

@@ -1,14 +1,14 @@
+@import '../../../styles/mixins.scss';
+
 .root {
   background-color: var(--theme-color-background-chat);
   display: none;
-}
-
-@media (min-width: 768px) {
-  .root {
-    position: sticky;
-    display: block;
+  @include screen(desktop) {
+      position: sticky;
+      display: block;
   }
 }
+
 /*
 First div is .ant-layout-sider-children
 Only way to target it apparently

web/components/ui/Statusbar/Statusbar.module.scss

@@ -10,8 +10,4 @@
   background-color: var(--component-background);
   font-family: var(--theme-text-display-font-family);
   font-weight: 600;
-  
-  .right {
-    color: red;
-  }
 }