From 76c0166dcdfe3f1e1a6d59b53ca2c7c858f20200 Mon Sep 17 00:00:00 2001 From: passenger Date: Tue, 6 Aug 2019 13:18:40 +0200 Subject: [PATCH] - fix scaling issues - add breakword - reset styling section - padding/margins --- assets/css/style.scss | 38 ++++++++++++++++++++++++++++++++------ 1 file changed, 32 insertions(+), 6 deletions(-) diff --git a/assets/css/style.scss b/assets/css/style.scss index ef2a413..43cf8e1 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -23,8 +23,20 @@ section { flex: auto; max-width: 100vw; margin-right: 20px; - @media screen and (max-width: 767px) { + @media screen and (max-width: 768px) { + margin-top: 20px; border: 0; + float: none; + position: relative; + flex: initial; + word-break: break-word; + table { + thead { + th { + min-width: 90px; + } + } + } } } @@ -32,15 +44,20 @@ header { flex: initial; position: relative; margin-right: 1em; - @media screen and (max-width: 767px) { + @media screen and (max-width: 768px) { + > p { + padding-right: 20%; + } font-size: 0; + margin: 0; + padding: 0; &:before { content:'\2261'; display: block; position: absolute; left: 0px; - font-size: 32px; - top: -30px; + font-size: 40px; + top: -38px; } img { display: none; @@ -50,6 +67,11 @@ header { top: -23px; left: 50px; } + a { + &:hover { + font-weight: initial; + } + } &:hover { padding: 0; font-size: initial; @@ -59,13 +81,17 @@ header { } position: fixed; height: 100%; - overflow: scroll; + overflow-y: scroll; background-color: white; top: 0px; + left: 0; + right: 0; + bottom: 0; width: 100%; z-index: 100; - padding-top: 45px; + padding-top: 20px; padding-bottom: 50px; + padding-left: 20px; p { a { font-size: 24px;