#69 added styles

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

@@ -43,8 +43,35 @@ body {
 
 .member {
     margin: 0;
+    height: 40px;
+    max-height: 40px;
+}
+.member select {
+    appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    border: none;
+    outline: none;
+    padding: 0.5rem 1.75em 0.5rem 0.5em;
+    display: inline-block;
+    background: transparent url("https://cdn3.iconfinder.com/data/icons/faticons/32/arrow-down-01-16.png") no-repeat right 7px center;
+
+}
+
+.member select:nth-child(4) {
+    border-right: 1px solid #ced4da;
 }
 
+
+.member-name {
+    padding: .75rem 1.25rem;
+    cursor: default;
+    outline: none;
+    border: none;
+    border-right: 1px solid #ced4da;
+}
+
+
 .paper-list {
     height: 200px;
     padding: 0px;

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

@@ -97,14 +97,13 @@
                                 <div class="form-group">
                                     <label for="members">Участники:</label>
                                     <div class="member-list form-control list-group" id="members">
-                                        <!--<input th:type="hidden" th:value="*{users}"/>-->
-                                        <div class="member d-flex list-group-item justify-content-between p-1"
+                                        <div class="member d-flex list-group-item p-0"
                                              th:each="user, rowStat : *{users}">
                                             <input type="hidden" th:field="*{users[__${rowStat.index}__].id}"/>
                                             <input type="hidden" th:field="*{users[__${rowStat.index}__].user}"/>
-                                            <input class="member-name" readonly="true"
+                                            <input class="member-name w-100" readonly="true"
                                                    th:field="*{users[__${rowStat.index}__].user.lastName}"/>
-                                            <select class="member-participation"
+                                            <select class="member-participation w-auto"
                                                     th:field="*{users[__${rowStat.index}__].participation}">
                                                 <option th:each="participation : ${allParticipation}"
                                                         th:value="${participation}"
@@ -112,7 +111,7 @@
                                                 </option>
 
                                             </select>
-                                            <select class="member-deposit"
+                                            <select class="member-deposit w-auto"
                                                     th:field="*{users[__${rowStat.index}__].deposit}">
                                                 <option th:each="deposit : ${allDeposit}" th:value="${deposit}"
                                                         th:text="${deposit.deposit}">Deposit