Commit 09bad4ee authored by rexxnor's avatar rexxnor
Browse files

made the layout more mobile compatible

parent d1a7137e
Pipeline #1319 passed with stages
in 9 minutes and 8 seconds
@media screen and (min-width: 30em) {
body {
background-color: #222222;
color: white;
font-family: sans-serif;
padding: 0 4em;
}
.btn {
font-size: 50px;
display: block;
padding: 1em;
color: white;
text-decoration: none;
background: #2180b8;
text-align: left;
font-weight: normal;
border: none;
}
}
@media screen and (max-width: 30em) {
.btn {
font-size: 50px;
display: block;
padding: 0.2em;
color: white;
white-space: nowrap;
text-decoration: none;
background: #2180b8;
text-align: left;
font-weight: normal;
border: none;
}
.buttons-balance > .btn {
white-space: normal;
}
}
body {
background-color: #222222;
color: white;
font-family: sans-serif;
padding: 0 4em;
/*! padding: 0 4em; */
}
* {
box-sizing: border-box;
......@@ -19,17 +59,6 @@ input {
padding: 1em;
border-radius: 0;
}
.btn {
font-size: 50px;
display: block;
padding: 0.2em;
color: white;
text-decoration: none;
background: #2180b8;
text-align: left;
font-weight: normal;
border: none;
}
.buttons-balance,
.buttons-home {
display: grid;
......@@ -40,7 +69,7 @@ input {
}
.buttons-balance .btn,
.buttons-home .btn {
padding: 1em;
/*! padding: ; */
}
.buttons-home .btn:nth-child(1) {
background: #D60270;
......@@ -257,7 +286,6 @@ input {
.mymodal-dialog {
margin: 5% auto;
width: 800px;
}
.input-group .form-control {
z-index: 1;
......@@ -283,4 +311,3 @@ input {
.price-entry > * {
margin-bottom: 1em;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment