From 55cba3b03654ec9a146dd5debc7b3aeffa1d7dce Mon Sep 17 00:00:00 2001
From: Yuriy Kulakov <yuriy.kulakov.123@gmail.com>
Date: Thu, 27 May 2021 20:00:28 +0300
Subject: [PATCH] Updated design of control page

---
 main/control_page_js_modules/src/control.js | 10 +++++-----
 main/templates/pages/adm_ruleset.html       |  5 ++++-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/main/control_page_js_modules/src/control.js b/main/control_page_js_modules/src/control.js
index ad5115b..55d4ee3 100644
--- a/main/control_page_js_modules/src/control.js
+++ b/main/control_page_js_modules/src/control.js
@@ -16,14 +16,14 @@ function WorkersCount(props) {
       <div className="col-5">
         <div className="info">
           <div className="info-row">
-            <div className="info-target">Инженеров:</div>
+            <div className="info-target px-4">Инженеров:</div>
             <div className="info-quantity">
               <div className="status-circle-small light-green"></div>
               <span className="info-quantity-value" id="engineers">{props.engineers}</span>
             </div>
           </div>
           <div className="info-row">
-            <div className="info-target">Легких агентов:</div>
+            <div className="info-target px-4">Легких агентов:</div>
             <div className="info-quantity">
               <div className="status-circle-small light-yellow"></div>
               <span className="info-quantity-value" id="agents">{props.light_agents}</span>
@@ -32,10 +32,10 @@ function WorkersCount(props) {
         </div>
       </div>
       <div className="col-5">
-        <button type="submit" name="engineer" className="request-acess-button default-button">
+        <button type="submit" name="engineer" className="btn default-button btn-warning btn-block btn-sm py-3">
           Назначить выбранных на роль инженера
         </button>
-        <button type="submit" name="light_agent" className="hand-over-acess-button default-button">
+        <button type="submit" name="light_agent" className="btn default-button btn-warning btn-block btn-sm py-3">
           Назначить выбранных на роль легкого агента
         </button>
       </div>
@@ -155,7 +155,7 @@ export class Table extends React.Component {
     return (
       <div>
         <FreeWorkplaces count={Math.max(this.state.max_agents - this.state.engineers, 0)}/>
-        <table className="table table-dark light-table">
+        <table className="table table-dark">
           <thead>
             <tr>
               <th>
diff --git a/main/templates/pages/adm_ruleset.html b/main/templates/pages/adm_ruleset.html
index 1c36f24..b9447d9 100644
--- a/main/templates/pages/adm_ruleset.html
+++ b/main/templates/pages/adm_ruleset.html
@@ -8,9 +8,12 @@
 
 {% block extra_css %}
 <link rel="stylesheet" href="{% static 'main/css/work.css' %}" xmlns="http://www.w3.org/1999/html">
+<link rel="stylesheet" href="{% static 'modules/notifications/dist/notifications.css' %}">
 {% endblock %}
 
 {% block extra_scripts %}
+<script src="{% static 'main/js/notifications.js' %}"></script>                     {#     Для     #}
+<script src="{% static 'modules/notifications/dist/notifications.js' %}"></script>  {# Уведомлений #}
 {% endblock%}
 
 {% block content %}
@@ -24,7 +27,7 @@
     {% csrf_token %}
     <div class="row justify-content-center new-section">
       <div class="col-10">
-        <h3 class="py-4 text-center font-weight-bold">Список сотрудников</h3>
+        <h3 class="py-4 text-center font-weight-bold mb-0">Список сотрудников</h3>
 
         {% block table %}
         <div id="table"></div>