Browse Source

Improved flexibility on different zoom and screen sizes

head_fix
sqozz 3 years ago
parent
commit
bad22a73ae
1 changed files with 11 additions and 5 deletions
  1. 11
    5
      static/css/index.css

+ 11
- 5
static/css/index.css View File

@@ -17,22 +17,24 @@ body {
17 17
 
18 18
 #url_input {
19 19
 	border: 1px solid rgb(200, 200, 200);
20
-	height: 35px;
20
+	height: 1.3em;
21 21
 	margin: 0px;
22 22
 	padding-left: 10px;
23 23
 	flex: 1;
24
+	font-size: 0.7em;
24 25
 }
25 26
 
26 27
 #short_button {
27 28
 	border: 1px solid rgb(200, 200, 200);
28
-	height: 35px;
29
+	height: 1.9em;
29 30
 	margin: 0px;
30 31
 	margin-left: 10px;
31 32
 	font-family: monospace;
33
+	font-size: 0.5em;
32 34
 }
33 35
 
34 36
 #short_form {
35
-	font-size: 30px;
37
+	font-size: 3em;
36 38
 	display: flex;
37 39
 	justify-content: center;
38 40
 	align-items: center;
@@ -57,6 +59,7 @@ body {
57 59
 }
58 60
 
59 61
 #infobar {
62
+	font-size: 1em;
60 63
 	display: flex;
61 64
 	margin-top: 10px;
62 65
 }
@@ -81,8 +84,11 @@ a:hover * {
81 84
 }
82 85
 
83 86
 #githubLink svg {
84
-       margin-right: 5px;
85
-       fill: rgb(150, 150, 150);
87
+	margin-right: 5px;
88
+	margin-left: 5px;
89
+	fill: rgb(150, 150, 150);
90
+	width: 1.2em;
91
+	height: 1.2em;
86 92
 }
87 93
 
88 94
 .infoitem {

Loading…
Cancel
Save