diff --git a/static/style.css b/static/style.css index 5f57fd0..4c700e5 100644 --- a/static/style.css +++ b/static/style.css @@ -1,9 +1,59 @@ -.form { +html, +body { + width: 100%; +} + +body { + display: flex; + align-items: center; + justify-content: space-around; + flex-direction: column; +} +* { + font-size: 32px; +} + +#main { + display: flex; + align-items: center; + justify-content: space-around; + flex-direction: column; + /* height: 0.8vh; */ + /* width: 0.65vw; */ +} + +#logo { + width: 60%; margin: 0 auto; - margin-top: 10%; +} + +@media only screen and (max-width: 801px) { + /* mobile */ + .track-info-cover { + padding: 1; + margin: 1 0; + } +} + +@media only screen (min-width: 802px) { + /* desktop */ + .track-info-child { + padding: 10%; + } +} + +#form { + margin: 0 auto; + /* margin-top: 10%; */ width: 300px; } +/* p { */ +/* height: 100%; */ +/* width: 100%; */ + +/* margin: 0 auto; */ +/* } */ thead { } @@ -11,5 +61,5 @@ tbody { } td { - padding: 15px; + padding: 0.1em; } diff --git a/templates/upload.html b/templates/upload.html index 428a7da..8c5a347 100644 --- a/templates/upload.html +++ b/templates/upload.html @@ -1,50 +1,49 @@ + {{ title }} - - + + - logo - -
-
- - -
-
+ +
+
+ + +
-
-

Cassette:

- - - - - - - - - - - - {% for file in files %} - - - - - {% endfor %} - -
Nome - kill - - {{ header }} -
{{ file }} - run -
-
+
+

Cassette:

+ + + + + + + + + + + + {% for file in files %} + + + + + {% endfor %} + +
Nome + kill + {{ header }}
{{ file }} + run +
+
+
-