Improved flexibility on different zoom and screen sizes

This commit is contained in:
sqozz 2016-02-13 07:15:03 +01:00
parent 681157d4ec
commit bad22a73ae

View file

@ -17,22 +17,24 @@ body {
#url_input { #url_input {
border: 1px solid rgb(200, 200, 200); border: 1px solid rgb(200, 200, 200);
height: 35px; height: 1.3em;
margin: 0px; margin: 0px;
padding-left: 10px; padding-left: 10px;
flex: 1; flex: 1;
font-size: 0.7em;
} }
#short_button { #short_button {
border: 1px solid rgb(200, 200, 200); border: 1px solid rgb(200, 200, 200);
height: 35px; height: 1.9em;
margin: 0px; margin: 0px;
margin-left: 10px; margin-left: 10px;
font-family: monospace; font-family: monospace;
font-size: 0.5em;
} }
#short_form { #short_form {
font-size: 30px; font-size: 3em;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -57,6 +59,7 @@ body {
} }
#infobar { #infobar {
font-size: 1em;
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;
} }
@ -81,8 +84,11 @@ a:hover * {
} }
#githubLink svg { #githubLink svg {
margin-right: 5px; margin-right: 5px;
fill: rgb(150, 150, 150); margin-left: 5px;
fill: rgb(150, 150, 150);
width: 1.2em;
height: 1.2em;
} }
.infoitem { .infoitem {