From e20b2a442f49e4109b5658c482133b871e48a41b Mon Sep 17 00:00:00 2001 From: Benjamin Auder <benjamin.auder@somewhere> Date: Thu, 30 Apr 2020 00:07:58 +0200 Subject: [PATCH] Better footer --- client/src/App.vue | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/client/src/App.vue b/client/src/App.vue index 8badb733..6a08a80f 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -254,16 +254,16 @@ footer & > p display: inline-block margin: 0 12px - @media screen and (max-width: 420px) + @media screen and (max-width: 500px) display: block width: 100% - margin-bottom: 10px + margin-bottom: 7px text-align: center .right-part display: inline-flex justify-content: flex-start width: 50% - @media screen and (max-width: 420px) + @media screen and (max-width: 500px) display: block width: 100% text-align: center @@ -294,18 +294,18 @@ footer > .right-part > a.menuitem > img display: inline-block margin: 0 &.first - @media screen and (min-width: 421px) + @media screen and (min-width: 501px) margin-left: 5px @media screen and (max-width: 767px) footer border: none -@media screen and (max-width: 420px) +@media screen and (max-width: 500px) .container - min-height: calc(100vh - 70px) + min-height: calc(100vh - 67px) footer - height: 70px + height: 67px display: block padding: 5px 0 </style> -- 2.44.0