ui: first pass on redesign (#228)

src/layouts/ColumnLayout/index.tsx

@@ -1,6 +1,5 @@
 import React, { FC, Fragment } from "react"
 
-import { Footer } from "../../components/Footer"
 import { MobileHeader } from "../../components/MobileHeader"
 import { GlobalStyles } from "../../globalStyles"
 import { useLockBodyScroll } from "../../hooks/useLockBodyScroll"
@@ -39,12 +38,7 @@ const InnerColumnLayout: FC<IColumnLayoutProps> = ({
       <SC.Main>
         <MobileHeader openMenu={openMenu}>{title}</MobileHeader>
         {sidebar({ className: openOnMobile ? "is-open" : "" })}
-        <SC.MainContent>
-          <SC.Container>
-            {content}
-            <Footer />
-          </SC.Container>
-        </SC.MainContent>
+        <SC.MainContent>{content}</SC.MainContent>
       </SC.Main>
       <SC.Overlay
         className={openOnMobile ? "is-open" : ""}

src/layouts/ColumnLayout/styles.tsx

@@ -31,8 +31,11 @@ export const Overlay = styled.div`
 
 export const MainContent = styled.main`
   flex: 1 1 auto;
-  margin: 128px 0 128px 320px;
+  margin: 0 0 0 320px;
   width: calc(100% - 320px);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
 
   @media screen and (max-width: 767px) {
     margin-left: 0;