Css fix form

2024-11-21 18:53:47 +03:00
parent f61e69b366
commit 3284c18922
3 changed files with 13 additions and 16 deletions
--- a/App/Report/templates/report_basic.html
+++ b/App/Report/templates/report_basic.html
@@ -4,6 +4,7 @@
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link href="/static/css/main.css" type="text/css" rel="stylesheet">
+    <link href="/static/css/report.css" type="text/css" rel="stylesheet">
 </head>
 <body>
    <div class="logout">
@@ -44,9 +45,9 @@
                <button type="submit" value="read">Просмотр</button>
            {% endif %}
        </form>
-        <div class="return">
-            <a href="{{ url_for('index') }}"><button>Главное меню</button></a>
-        </div>
+    </div>
+    <div class="return">
+        <a href="{{ url_for('index') }}"><button>Главное меню</button></a>
    </div>
 </body>
 </html>
--- a/App/static/css/main.css
+++ b/App/static/css/main.css
@@ -42,9 +42,8 @@ div.login button {
 }

 div.return {
-    display: flex;
-    justify-content: center;
-    margin-top: 15px;
+    text-align: center;
+    margin: 20px 0;
 }

 div.return button {
@@ -52,10 +51,8 @@ div.return button {
 }

 div.form {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
+    margin-left: 30%;
+    margin-right: 30%;
    text-align: center;
    background-color: white;
    padding: 20px;
@@ -79,12 +76,6 @@ div.form select, div.form input[type=number] {
    box-sizing: border-box;
 }

-div.form .period {
-    display: flex;
-    gap: 10px;
-    justify-content: center;
-}
-
 div.form button {
    margin-top: 15px;
 }
--- a/App/static/css/report.css
+++ b/App/static/css/report.css
@@ -0,0 +1,5 @@
+div.form .period {
+    display: flex;
+    gap: 10px;
+    justify-content: center;
+}