diff --git a/WebApp/styles/form.css b/WebApp/styles/form.css index bdb3f25..dcf42f3 100644 --- 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,13 +15,15 @@ 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{ @@ -30,101 +31,90 @@ h1 { 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; +}