Update to the style of the form #12

ufal · Nov 26, 2024 · 4f66d2b · 4f66d2b
1 parent 7a422fb
commit 4f66d2b
Showing 1 changed file with 34 additions and 44 deletions.
diff --git a/WebApp/styles/form.css b/WebApp/styles/form.css
@@ -3,7 +3,6 @@ body {
 	margin: 20px;
 	background-color: #f9f9f9;
 	display:flex;
-	justify-content:left;
 	font-size:0.5em;
 }
 
@@ -16,115 +15,106 @@ h1 {
 	margin-bottom:20px;
 	padding:15px;
 	border-radius: 8px;
-	border: 1px solid #ccc;
+	border: 2px solid #ccc;
 	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
+	background-color: #ccf2ff;
+	justify-content:center;
 }
 
 .target-database {
 	background-color:#f9f9f9;
-	border: 5px solid #ebc77c;
+	border: 2px solid #ebc77c;
 }
 
 .step{
 	width=50%;
 
 	font-size=1.5em;
 	background-color:#f9f9f9;
-	border: 5px solid #ffcb66;
+	border: 2px solid #ffcb66;
+	border-radius:5px;
 	padding:15px;
 	margin-bottom:20px;
 }
 
 .goal{
-	border:5px solid #b6d4ff;
+	border: 2px solid #b6d4ff;
 	padding:10px;
 	margin-bottom:15px;
 	background-color:#f9f9f9;
-	font-size=1.5em;
+	font-size=1.5em;border-radius:5px;
 }
 
 .columns {
-	border:5px solid #82c995;
+	border:2px solid #82c995;
 	padding:10px;
 	margin-bottom:10px;
 	background-color:#f9f9f9;
-	font-size=1.5em;
-}
-
-
-.columns-entry {
-	border: 5px dashed #67e976;
-	padding:5px;
-	margin-bottom:5px;
-	background-color:#f9f9f9;
+	font-size=1.5em;border-radius:5px;
 }
 
 .aggregation {
-	border:5px solid #c6a6f2;
+	border:2px solid #c6a6f2;
 	padding:10px;
 	margin-bottom:15px;
 	background-color:#f9f9f9;
-	font-size=1.5em;
+	font-size=1.5em;border-radius:5px;
 }
 
 .group-by {
-	border:5px solid #7b9ef5;
+	border:2px solid #7b9ef5;
 	padding:5px;
 	margin-bottom:10px;
 	background-color:#f9f9f9;
-	font-size=1.5em;
-}
-
-.group-by-entry {
-	border:5px dashed #7b9ef5;
-	padding:5px;
-	margin-bottom:5px;
-	background-color:#f9f9f9;
-	font-size=1.5em;
+	font-size=1.5em;border-radius:5px;
 }
 
 .order-by {
-	border: 5px solid #8778d8;
+	border: 2px solid #8778d8;
 	padding:5px;
 	background-color:#f9f9f9;
-	font-size=1.5em;
-}
-
-.order-by-entry {
-	border:5px dashed #8778d8;
-	padding:5px;
-	margin-bottom:5px;
-	background-color:#f9f9f9;
-	font-size=1.5em;
+	font-size=1.5em;border-radius:5px;
 }
 
 .filtering {
-	border: 5px solid #ffb2d2;
+	border: 2px solid #ffb2d2;
 	padding:10px;
 	margin-bottom:15px;
 	background-color:#f9f9f9;
 	font-size=1.5em;
+	border-radius:5px;
 }
 
 .conditions {
-	border: 5px solid #ffa1d8;
+	border: 2px solid #ffa1d8;
 	padding: 5px;
 	background-color:#f9f9f9;
 	font-size=1.5em;
+	border-radius:5px;
 }
 
 .conditions-entry {
-	border: 5px dashed #ff81d8;
+	border: 2px dashed #ff81d8;
 	padding: 5px;
 	margin-bottom:5px;
 	background-color:#f9f9f9;
-	font-size=1.5em;
+	font-size=1.5em;border-radius:5px;
 }
 
 .limit {
-	border: 5px solid #ffa37b;
+	border: 2px solid #ffa37b;
 	padding:10px;
 	background-color:#f9f9f9;
-	font-size=1.5em;
+	font-size=1.5em;border-radius:5px;
 }
 
+button {
+	font-size:10px;
+}
+
+label {
+	font-size:10px;
+}
+input {
+	font-size:10px;
+}