From b65ab2cca054bb6528d3617fd1712e56d264993e Mon Sep 17 00:00:00 2001
From: AnthonyAxenov <anthonyaxenov@gmail.com>
Date: Sat, 3 Sep 2022 18:17:24 +0800
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=BD=D0=B0=D1=8F=20=D0=B2=D1=91=D1=80=D1=81=D1=82=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/details.twig         |  5 ++--
 src/views/faq.twig             |  1 -
 src/views/layouts/default.twig |  7 +++---
 src/views/list.twig            | 45 +++++++++++++++++-----------------
 4 files changed, 29 insertions(+), 29 deletions(-)
diff --git a/src/views/details.twig b/src/views/details.twig
index 2c3a6dd..016a347 100644
--- a/src/views/details.twig
+++ b/src/views/details.twig
@@ -3,7 +3,6 @@
 {% block title %}{{ title }}{% endblock %}
 
 {% block header %}
-    <a href="{{ base_url() }}" class="btn btn-outline-light mb-3"><< Назад</a>
     <h2>{{ name }}</h2>
     {% if (encoding.alert) %}
         <div class="alert alert-warning small" role="alert">
@@ -23,7 +22,7 @@
                 <tr>
                     <td class="w-25">ID</td>
                     <td>
-                        {{ id }}&nbsp;{% if status == 'online' %}
+                        <code>{{ id }}</code>&nbsp;{% if status == 'online' %}
                         <span class="badge small text-dark bg-success">online</span>
                     {% elseif status == 'offline' %}
                         <span class="badge small text-dark bg-danger">offline</span>
@@ -39,7 +38,7 @@
                     <td><p>{{ desc }}</p></td>
                 </tr>
                 <tr>
-                    <td title="Нажми на ссылку, чтобы скопировать её в буфер обмена"><b>Ccылка для ТВ</b></td>
+                    <td><b>Ccылка для ТВ</b></td>
                     <td><b onclick="prompt('Скопируй адрес плейлиста', '{{ url }}')"
                            data-bs-toggle="tooltip"
                            data-bs-placement="top"
diff --git a/src/views/faq.twig b/src/views/faq.twig
index d4a3300..0f734b2 100644
--- a/src/views/faq.twig
+++ b/src/views/faq.twig
@@ -1,7 +1,6 @@
 {% extends "layouts/default.twig" %}
 
 {% block header %}
-    <a href="{{ base_url() }}" class="btn btn-outline-light mb-3"><< Назад</a>
     <h2>FAQ</h2>
 {% endblock %}
 
diff --git a/src/views/layouts/default.twig b/src/views/layouts/default.twig
index 05e4104..d69c7ce 100644
--- a/src/views/layouts/default.twig
+++ b/src/views/layouts/default.twig
@@ -18,13 +18,13 @@
     <meta name="msapplication-TileImage" content="{{ base_url('/favicon/mstile-144x144.png') }}">
     <meta name="theme-color" content="#212529">
 
-    {% block head %}{% endblock %}
+
 </head>
 <body class="bg-dark text-light">
     <div class="container col-lg-8 mx-auto">
         <header>
             <nav class="navbar navbar-expand-lg navbar-dark">
-                <img src="{{ base_url('/favicon/favicon-32x32.png') }}" class="d-inline-block align-text-top" alt=""/>
+                <img src="{{ base_url('/favicon/favicon-32x32.png') }}" class="d-inline-block align-text-top px-lg-1" alt=""/>
                 <a class="navbar-brand" href="{{ base_url() }}" title="На главную">
                     {{ config('app.title') }}
                 </a>
@@ -53,7 +53,8 @@
             </nav>
         </header>
 
-        <div class="pt-md-5 pb-0">
+        <div class="pt-lg-3 px-0 pb-0">
+            {% block header %}{% endblock %}
             {% block content %}{% endblock %}
         </div>
 
diff --git a/src/views/list.twig b/src/views/list.twig
index 670cdcb..db184e9 100644
--- a/src/views/list.twig
+++ b/src/views/list.twig
@@ -1,7 +1,5 @@
 {% extends "layouts/default.twig" %}
 
-{% block title %}{{ title }}{% endblock %}
-
 {% block header %}
     <p class="text-muted small">
         Обновлено:&nbsp;{{ updated_at }}&nbsp;МСК<br/>
@@ -11,13 +9,14 @@
 {% endblock %}
 
 {% block content %}
-    <table class="table table-dark table-hover small">
+<div class="table-responsive">
+    <table class="table table-responsive table-dark table-hover small">
         <thead>
         <tr>
             <th>ID</th>
             <th>Информация о плейлисте</th>
             <th>Каналов</th>
-            <th title="Нажми на ссылку, чтобы скопировать её в буфер обмена">Ссылка для ТВ</th>
+            <th class="d-none d-sm-table-cell">Ссылка для ТВ</th>
         </tr>
         </thead>
         <tbody>
@@ -29,11 +28,12 @@
                 <td class="info">
                     <strong>{{ playlist.name }}</strong>
                     <span class="badge small bg-secondary text-dark status">loading</span>
-                    <div class="small">
+                    <div class="small mt-2">
                         {% if playlist.desc|length > 0 %}
-                            <p class="my-1">{{ playlist.desc }}</p>
+                            <p class="my-1 d-none d-lg-block">{{ playlist.desc }}</p>
                         {% endif %}
                         <a href="{{ base_url(id ~ '/details') }}">Подробнее...</a>
+{#                        <a class="btn btn-sm btn-outline-light" href="{{ base_url(id ~ '/details') }}">Подробнее...</a>#}
                     </div>
                 </td>
                 <td class="text-center count">
@@ -41,7 +41,7 @@
                         <span class="visually-hidden">загрузка...</span>
                     </div>
                 </td>
-                <td class="col-3">
+                <td class="col-3 d-none d-sm-table-cell">
                     <span onclick="prompt('Скопируй адрес плейлиста', '{{ playlist.url }}')"
                           data-bs-toggle="tooltip"
                           data-bs-placement="top"
@@ -55,22 +55,23 @@
         </tbody>
     </table>
     {% if pages.count > 0 %}
-        <nav aria-label="pages">
-            <ul class="pagination pagination-sm justify-content-center">
-                {% for page in range(1, pages.count) %}
-                    {% if page == pages.current %}
-                        <li class="page-item active" aria-current="page">
-                            <span class="page-link">{{ page }}</span>
-                        </li>
-                    {% else %}
-                        <li class="page-item">
-                            <a class="page-link" href="{{ base_url('page/' ~ page) }}">{{ page }}</a>
-                        </li>
-                    {% endif %}
-                {% endfor %}
-            </ul>
-        </nav>
+    <div aria-label="pages">
+        <ul class="pagination justify-content-center">
+            {% for page in range(1, pages.count) %}
+                {% if page == pages.current %}
+                    <li class="page-item active" aria-current="page">
+                        <span class="page-link">{{ page }}</span>
+                    </li>
+                {% else %}
+                    <li class="page-item">
+                        <a class="page-link bg-dark border-secondary text-light" href="{{ base_url('page/' ~ page) }}">{{ page }}</a>
+                    </li>
+                {% endif %}
+            {% endfor %}
+        </ul>
+    </div>
     {% endif %}
+</div>
 {% endblock %}
 
 {% block footer %}
