#53 added years filter forms

src/main/resources/public/css/conference.css

@@ -4,6 +4,12 @@
 
 .dashboard button{
     margin-left: 10px;
+    height: 41px;
+}
+
+.dashboard-elements {
+    align-items: center;
+    justify-content: left;
 }
 
 .conference-list-body {
@@ -170,3 +176,7 @@
     position: relative;
     font-size: 1rem;
 }
+
+@media (min-width: 768px) {
+
+}

src/main/resources/templates/conferences/conferences.html

@@ -18,15 +18,25 @@
             <hr/>
             <div class="row dashboard">
                 <div class="col-lg-12">
-                    <div class="d-flex bd-highlight">
+                    <div class="d-flex bd-highlight dashboard-elements">
                         <div class="form-check p-1 bd-highlight">
                             <div class="checkbox" id="select-all-js"></div>
                         </div>
                         <button type="button" class="btn btn-danger">Удалить</button>
-                        <button type="button" class="btn btn-success data-href-js" data-href="./conference">Добавить
+                        <button type="button" class="btn btn-success data-href-js mr-auto" data-href="./conference">
+                            Добавить
                         </button>
-                        <div class="p-1 flex-grow-1 bd-highlight">
+
+                        <div class="form-row align-items-center justify-content-end">
+                            <label for="filter" class="col-auto col-form-label">Фильтровать по годам:</label>
+                            <div class="col-2" id="filter">
+                                <input type="text" class="form-control" placeholder="2000"/>
+                            </div>
+                            <div class="col-2">
+                                <input type="text" class="form-control" placeholder="2020"/>
+                            </div>
                         </div>
+
                     </div>
                 </div>
             </div>