Redesigned several parts so it looks more aethestic both in desktop and in mobile
diff --git a/css/basic.css b/css/basic.css
index c5a3ff2..5c6382f 100644
--- a/css/basic.css
+++ b/css/basic.css
@@ -1,14 +1,13 @@
body {
font-size: 24px;
font-family: Helvetica;
- line-height: 1em;
background-image: url('https://images.unsplash.com/photo-1428196457394-f0c4aec5f574?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80');
background-size: cover;
}
#outter-container {
- margin: 32px auto 16px auto;
+ margin: 32px auto;
max-width: 800px;
width: 90%;
}
@@ -17,3 +16,7 @@
background-color: rgba(255,255,255, 0.8);
padding: 5%;
}
+
+input[type="text"], input[type="password"], select {
+ margin-bottom: 8px;
+}
diff --git a/css/login.css b/css/login.css
index 94937f7..6b6b20f 100644
--- a/css/login.css
+++ b/css/login.css
@@ -1,11 +1,10 @@
select {
- font-size: 24px;
+ font-size: 18px;
height: 2em;
width: 80%;
}
input[type="submit"] {
- font-size: 24px;
+ font-size: 18px;
height: 2em;
- width: 17%;
-}
\ No newline at end of file
+}
diff --git a/css/main.css b/css/main.css
index b85fe2c..35d80b1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,13 +1,10 @@
-#butons {
- position: fixed;
- bottom: 5%;
- right: 0;
+table td {
+ vertical-align: top;
}
#butons button {
- font-size: 36px;
- height: 100px;
- width: 70%;
+ font-size: 1.25em;
+ min-height: 2em;
color: white;
text-decoration: none;
}
@@ -19,3 +16,37 @@
button#lose {
background-color: red;
}
+
+.victima {
+ font-size: 24px;
+}
+
+#victim_img {
+ float: left;
+ width: 200px;
+ max-width: 100%;
+ margin-right: 16px;
+}
+
+#victim_name {
+ font-weight: bold;
+ font-size: 1.5em;
+ margin-bottom: 8px;
+}
+
+#victim_curs_i_grau {
+ font-size: 1em;
+ margin-bottom: 16px;
+}
+
+@media (max-width: 700px) {
+ #victim_img {
+ width: 100px;
+ }
+
+ #victim_name {
+ font-weight: bold;
+ font-size: 1.25em;
+ margin-bottom: 8px;
+ }
+}