From 8b3f8b8b8748504006f38b1abc3f7619ee33d8e1 Mon Sep 17 00:00:00 2001
From: Dmitriy Andreev <daretio@mail.ru>
Date: Wed, 26 May 2021 17:47:32 +0300
Subject: [PATCH] Page design became better for user. Changes in profile, work,
 control and statistic pages.

---
 main/templates/base/base.html       |  2 ++
 main/templates/pages/statistic.html | 26 +++++++++++++-------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/main/templates/base/base.html b/main/templates/base/base.html
index 166195d..e82af52 100644
--- a/main/templates/base/base.html
+++ b/main/templates/base/base.html
@@ -19,6 +19,8 @@
       user-select: none;
     }
 
+
+
     @media (min-width: 768px) {
       .bd-placeholder-img-lg {
         font-size: 3.5rem;
diff --git a/main/templates/pages/statistic.html b/main/templates/pages/statistic.html
index b467250..82b714a 100644
--- a/main/templates/pages/statistic.html
+++ b/main/templates/pages/statistic.html
@@ -7,21 +7,21 @@
 {% block heading %} Страницы просмотра статистики{% endblock %}
 
 {% block content%}
-<div class="mt-5">
+<div class="mt-5 py-4">
   <div class="container-fluid" style="font-size:2rem">
     <form method="post">
       {% csrf_token %}
       <div class="row g-3">
-        <div class="col-auto">
-          {{ form.email.label }}
+        <div class="col-auto p-2">
+          <h4 class="py-1">{{ form.email.label }}</h4>
         </div>
         <div class="col-auto mt-4">
           {{ form.email }}
         </div>
       </div>
       <div class="row g-3 mt-4">
-        <div class="col-auto">
-          {{ form.interval.label }}
+        <div class="col-auto p-2">
+          <h4 class="py-1">{{ form.interval.label }}</h4>
         </div>
         <div class="col-auto">
           {% for radio in form.interval%}
@@ -33,8 +33,8 @@
         </div>
       </div>
       <div class="row g-3 mt-4">
-        <div class="col-auto">
-          {{ form.display_format.label }}
+        <div class="col-auto p-2">
+          <h4 class="py-1">{{ form.display_format.label }}</h4>
         </div>
         <div class="col-auto">
           {% for radio in form.display_format%}
@@ -46,8 +46,8 @@
         </div>
       </div>
       <div class="row g-3 mt-4">
-        <div class="col-auto">
-          {{ form.range_start.label}}
+        <div class="col-auto p-2">
+          <h4 class="py-1">{{ form.range_start.label}}</h4>
         </div>
         <div class="col-auto">
           <div class='col-sm-7'>
@@ -56,8 +56,8 @@
         </div>
       </div>
       <div class="row g-3 mt-4">
-        <div class="col-auto">
-          {{ form.range_end.label}}
+        <div class="col-auto p-2">
+          <h4 class="py-1">{{ form.range_end.label}}</h4>
         </div>
         <div class="col-auto">
           <div class='col-sm-7'>
@@ -65,9 +65,9 @@
           </div>
         </div>
       </div>
-      <div class="form-row text-center">
+      <div class="form-row text-center py-5">
         <div class="col-12">
-          <button type="submit" class="btn btn-outline-primary">Посмотреть статистику</button>
+          <button type="submit" class="btn default-button btn-info py-3 px-5">Посмотреть статистику</button>
         </div>
       </div>
     </form>