From f3e4d3235b6d96c6e60bcc1dcc8730fb23983878 Mon Sep 17 00:00:00 2001
From: Teemu Patja <tp@iki.fi>
Date: Wed, 1 Nov 2017 10:53:24 +0200
Subject: [PATCH] Responsive footer

Fixes: #129
---
 src/cljs/commiteth/core.cljs |  2 +-
 src/less/style.less          | 69 ++++++++++++++++++++++++++++++++----
 2 files changed, 64 insertions(+), 7 deletions(-)

diff --git a/src/cljs/commiteth/core.cljs b/src/cljs/commiteth/core.cljs
index 2088174..26e465d 100644
--- a/src/cljs/commiteth/core.cljs
+++ b/src/cljs/commiteth/core.cljs
@@ -160,7 +160,7 @@
      [:div.commiteth-footer-inner
       [:div.commiteth-footer-logo-container
        [:div.commiteth-footer-logo-container-inner
-        [:div (svg/status-logo-footer)]
+        [:div.commiteth-footer-logo (svg/status-logo-footer)]
         [:div.commiteth-footer-status-addr
          "Status Research & Development GmbH"
          [:br]
diff --git a/src/less/style.less b/src/less/style.less
index 4b57279..3006ad1 100644
--- a/src/less/style.less
+++ b/src/less/style.less
@@ -609,6 +609,69 @@
     margin-top: 20px;
 }
 
+
+@media (max-width: 767px) {
+    .commiteth-footer-inner {
+        padding: 30px 0 0 0;
+        -ms-flex-direction: column;
+        flex-direction: column;
+    }
+
+    .commiteth-footer-logo-container {
+        width: auto !important;
+        -ms-flex-order: 2 !important;
+        order: 2 ;
+    }
+
+    .commiteth-footer-logo-container-inner {
+        width: 100%;
+        padding: 0 0 40px 0 !important;
+        -ms-flex-align: center;
+        align-items: center;
+        text-align: center;
+    }
+    .commiteth-footer-logo {
+        display: none;
+    }
+    .commiteth-footer-table {
+        flex-direction: column;
+        -ms-flex-align: center;
+        align-items: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+    }
+    .commiteth-footer-table__column {
+        text-align: center;
+        padding: 10px 16px 16px 10px !important;
+    }
+    .commiteth-footer-header {
+        margin: 0 0 10px 0 !important;
+    }
+    .commiteth-footer-icon {
+        display: none !important;
+    }
+
+    .commiteth-footer-link {
+        text-align: center;
+        height: 24px;
+        line-height: 24px;
+        margin: 0 !important;
+    }
+    .commiteth-footer-link a {
+        justify-content: center;
+        text-align: center;
+    }
+
+    .commiteth-footer-status-addr {
+        color: white;
+        padding: 20px 0 0 0;
+        opacity: .5;
+        font-size: 15px;
+        line-height: 25px;
+    }
+
+}
+
 .commiteth-footer-inner {
     display: flex;
     justify-content: space-between;
@@ -683,12 +746,6 @@
     text-align: left;
 }
 
-
-.commieteth-footer-social-container {
-    width: 40%;
-    padding: 65px 100px 75px 300px;
-}
-
 .commiteth-footer-status-addr {
     color: #fff;
     opacity: 0.5;