From c08a38f313b0bc24d7553a85423b314b27cb5e27 Mon Sep 17 00:00:00 2001
From: andrei <andrei@duvakin.ru>
Date: Sat, 20 Apr 2024 15:19:01 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=83=20?=
 =?UTF-8?q?=D0=B2=D1=8B=D0=B1=D0=BE=D1=80=D0=B0=20=D0=BC=D0=B5=D1=81=D1=82?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CineSync/static/css/timetable/session.css | 47 +++++++++++++++-----
 CineSync/templates/base.html              |  2 +-
 CineSync/templates/timetable/session.html | 54 ++++++++++++-----------
 3 files changed, 66 insertions(+), 37 deletions(-)

diff --git a/CineSync/static/css/timetable/session.css b/CineSync/static/css/timetable/session.css
index e371da6..61c107c 100644
--- a/CineSync/static/css/timetable/session.css
+++ b/CineSync/static/css/timetable/session.css
@@ -1,26 +1,21 @@
 .seats_card {
-    width: 100%;
     background-color: #eaeaea;
-    margin-top: 1vw;
-    margin-bottom: 1vw;
     border-radius: 3vw;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
-    justify-content: flex-start;
+    justify-content: center;
 
     width: 50%;
     margin: 0 auto;
     margin-top: 2vw;
+
+    overflow-x: auto;
+    overflow-y: auto;
 }
 .card_body {
     width: 80%;
-    margin-top: 18vw;
-    margin: 0 auto;
-}
-.rows {
-    margin-top: 7vw;
 }
 .line {
     width: 30%;
@@ -55,6 +50,38 @@ h6 {
     margin-top: 4vw;
     object-fit: cover;
     height: 20vw !important;
-    width: 50% !important;
+    width: 12vw !important;
     border-radius: 3vw;
+}
+.film_info_block {
+    margin-right: 25%;
+    margin-left: 25%;
+    width: 50%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: flex-end;
+}
+.film_info_text_block {
+    height: 20vw;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: space-evenly;
+    margin: 2vw;
+}
+.film_info_text {
+    color: #eaeaea;
+}
+.cell {
+    background-color: transparent !important;
+}
+.cell {
+    height: 4vw;
+    width: 3.5vw;
+}
+.row_number_cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
\ No newline at end of file
diff --git a/CineSync/templates/base.html b/CineSync/templates/base.html
index c6b2360..bd7858f 100644
--- a/CineSync/templates/base.html
+++ b/CineSync/templates/base.html
@@ -13,7 +13,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/favicon-16x16.png' %}">
     <link rel="manifest" href="{% static 'img/site.webmanifest' %}">
     <link rel="icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}">
-    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
+    <link href="{% static 'css/bootstrap/bootstrap.min.css' %}" rel="stylesheet">
     <link rel="stylesheet" href="{% static 'css/includes/header.css' %}"/>
     <link rel="stylesheet" href="{% static 'css/base.css' %}"/>
     <meta name="msapplication-TileColor" content="#da532c">
diff --git a/CineSync/templates/timetable/session.html b/CineSync/templates/timetable/session.html
index 2f9d214..f2b996c 100644
--- a/CineSync/templates/timetable/session.html
+++ b/CineSync/templates/timetable/session.html
@@ -7,35 +7,37 @@
 {% block content %}
 <link href="{% static 'css/style.css' %}" rel="stylesheet">
 <link href="{% static 'css/timetable/session.css' %}" rel="stylesheet">
-<div style="text-align: center;">
-  <img src="{{ session.film.image.url }}" class="film_session_image"
-                   alt="Фотография фильма не найдена">
+<div class="film_info_block">
+    <img src="{{ session.film.image.url }}" class="film_session_image"
+         alt="Фотография фильма не найдена">
+    <div class="film_info_text_block">
+        <h1 class="film_info_text">{{ session.film.name }}</h1>
+        <p class="film_info_text">{{ session.auditorium.number }}</p>
+        <p class="film_info_text">{{ session.start_datetime }}</p>
+    </div>
 </div>
 <div class="seats_card" style="height: {{ height }}vw;">
-  <div class="card_body">
-    <h1>{{ session.film.name }}</h1>
-    {{ session.auditorium.number }}<br>
-    {{ session.start_datetime }}
-    <div class="rows">
-      <div class="line">
-        <h6>Экран</h6>
-      </div>
-      {% for row in session.auditorium.row_count|get_range %}
-        <div class="row">
-          {% for seat in seats %}
-          <div class="film_card_row col-auto">
-              <a class="film_session">
-                  <span class="seat_number">{{ seat.row_number }}</span>
-              </a>
-          </div>
-          {% endfor %}
-          {{ row }}
+    <div class="card_body">
+        <table>
+            <tbody>
+            {% for row in session.auditorium.row_count|get_range %}
+            <tr>
+                <td class="row_number_cell cell">{{ row }}</td>
+                {% for seat in seats %}
+                <td class="cell">
+                    <a class="film_session">
+                        <span class="seat_number">{{ seat.row_number }}</span>
+                    </a>
+                </td>
+                {% endfor %}
+            </tr>
+            {% endfor %}
+            </tbody>
+        </table>
+        <div>
+            <button class="btn btn-primary buy_btn">Купить билет</button>
         </div>
-      {% endfor %}
     </div>
-    <div style="text-align: center">
-      <button class="btn btn-primary buy_btn">Купить билет</button>
-    </div>
-  </div>
 </div>
+
 {% endblock %}
\ No newline at end of file