юзабилити формы удаления

maxcom · Oct 23, 2023 · 9133166 · 9133166
1 parent b310f47
commit 9133166
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 23 deletions.
diff --git a/src/main/webapp/WEB-INF/jsp/delete_comment.jsp b/src/main/webapp/WEB-INF/jsp/delete_comment.jsp
@@ -2,7 +2,7 @@
 <%@ page contentType="text/html; charset=utf-8" %>
 <%@ taglib tagdir="/WEB-INF/tags" prefix="lor" %>
 <%--
-  ~ Copyright 1998-2022 Linux.org.ru
+  ~ Copyright 1998-2023 Linux.org.ru
   ~    Licensed under the Apache License, Version 2.0 (the "License");
   ~    you may not use this file except in compliance with the License.
   ~    You may obtain a copy of the License at
@@ -93,14 +93,14 @@
 
   <c:if test="${template.moderatorSession}">
   <div class="control-group">
-    <label class="control-label">Удалять ответы</label>
+    <label class="control-label" for="delete_replys">Удалять ответы</label>
     <div class="controls">
-      <input type="checkbox" name="delete_replys" checked>
+      <input id="delete_replys" type="checkbox" name="delete_replys" checked>
     </div>
   </div>
   </c:if>
 
- <input type=hidden name=msgid value="${msgid}">
+  <input type=hidden name=msgid value="${msgid}">
   <div class="control-group">
     <div class="controls">
       <button type=submit class="btn btn-danger">Удалить</button>

diff --git a/src/main/webapp/sass/_common.scss b/src/main/webapp/sass/_common.scss
@@ -751,7 +751,6 @@ a img { border: none; }
   white-space: nowrap;
   text-decoration: none;
   line-height: 1.4;
-  margin-top: 0;
 }
 
 #bd .btn-small {

diff --git a/src/main/webapp/sass/_form.scss b/src/main/webapp/sass/_form.scss
@@ -51,35 +51,35 @@ select {
     text-align: right;
 }
 
-.form-horizontal .controls {
+.form-horizontal {
+  .controls {
     margin-left: 18rem;
-}
+  }
 
-.control-group {
-  margin-bottom: 0.7rem;
-}
-
-.form-horizontal .control-group {
-  @include clearfix;
-}
+  .btn {
+    margin-top: 1em;
+  }
 
-.form-horizontal .controls {
-    margin-left: 18rem;
-}
+  .control-group {
+    @include clearfix;
+  }
 
-.form-horizontal input {
+  input {
     width: 20rem;
     max-width: 100%;
-}
+  }
 
-.form-horizontal select {
+  select {
     width: 20rem;
     max-width: 100%;
+  }
+
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
-.form-horizontal {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
+.control-group {
+  margin-bottom: 0.7rem;
 }
 
 .help-inline {