diff --git a/static/base.css b/static/base.css index 212204e..439da4e 100644 --- a/static/base.css +++ b/static/base.css @@ -7,6 +7,12 @@ body{ padding:0.5rem; /*display: flex;*/ } +@media only screen and (max-width: 750px){ + .container{ + padding:0; + } +} + .navbar-container{ /* Primary color */ background-color: #2196f3; @@ -16,12 +22,25 @@ body{ .content{ padding:0.5rem; border-radius: 0.25rem; - width:50%; - max-width: 70rem; + width:75%; margin:0.5rem auto 0.5rem auto; background-color: aliceblue; } +@media only screen and (min-width: 750px){ + .content{ + min-width:40rem; + } +} + +@media only screen and (max-width: 750px){ + .content{ + width: auto; + border-radius: 0; + margin-top:0; + } +} + .nav-bottom-container{ position: fixed; bottom:0; @@ -30,7 +49,6 @@ body{ .nav-bottom{ background-color:aliceblue; - z-index:2; padding:0.5rem; height: 1.5rem; @@ -42,8 +60,8 @@ body{ text-align: right; } .nav-bottom-button{ - margin-bottom: 0.5rem; - margin-right:0.5rem; + margin-bottom: 1rem; + margin-right:1rem; margin-left: auto; width:4.5rem; height:4.5rem;