the penalty form (input, new record)

1 files changed, 73 insertions, 47 deletions

diff --git a/public/assets/css/overides.css b/public/assets/css/overides.css
index 3fd143f..aa3173a 100644
--- a/public/assets/css/overides.css
+++ b/public/assets/css/overides.css
@@ -2,14 +2,14 @@
     --bs-heading-color: #679;
 }
 
-html, body, select, select option, .select2-selection__choice { font-family: "Roboto Slab", serif; font-weight: 400; }
+.content { text-align: unset; }
 
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; };
+.form-control-sm { font-size: var(--form-content-font-size); }
 
-.content { text-align: unset; }
+input.form-control-sm { height: var(--form-input-height); }
 
-.form-group { margin-bottom: 8px; }
-.form-control, .form-select { border: 1px solid #7777; font-size: .857em; }
+.form-group { margin-bottom: 12px; }
+.form-control, .form-select { border: 1px solid #7777; }
 .form-label { font-size: .72em; color: var(--bs-heading-color); }
 
 .footer__listLink { color: #bbb; }
@@ -49,7 +49,10 @@ html, body, select, select option, .select2-selection__choice { font-family: "Ro
 .admin-container .table > :not(caption) > * > * { padding: .35rem .35rem; }
 .admin-container .table tbody tr:hover { background: #eee; }
 
-ul.select2-results__options li { font-size: 14px; padding: 4px 8px; }
+ul.select2-results__options li {
+    font-size: var(--form-content-font-size);
+    padding: 4px 8px;
+}
 
 .admin-container .modal-footer .form-actions { display: flex; gap: 8px; }
 
@@ -74,7 +77,6 @@ ul.select2-results__options li { font-size: 14px; padding: 4px 8px; }
     background-color: transparent;
     background-size: contain;
     border: none !important;
-    height: 16 !important;
     width: 12px !important;
     margin: auto !important;
     top: 12px !important;
@@ -82,49 +84,18 @@ ul.select2-results__options li { font-size: 14px; padding: 4px 8px; }
     height: 14px;
 }
 .select2-container--default .select2-selection--single .select2-selection__arrow { width: 24px; }
-.select2-container--default .select2-selection--single { height: 37px; } 
-/* ------------------------------------------------------------------------- end
-*/
-
-/*
-    .admin-container .edit-post textarea[name=intro] { height: 94px ;} 
-
-
-    .admin-container .post-media button.over-bar { margin: -26px 0 0 0; float: right; }
-    .admin-container .post-media ul {
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    padding: 6px;
-    }
-
-    .admin-container .post-media ul li {
-    border-bottom: 1px solid #ddd;
-    list-style-type: none;
-    padding: 3px 6px;
-
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    }
-    .admin-container .post-media ul li:last-child { border-bottom: none ;}
-    .admin-container .post-media ul li:hover { background: #eee; }
-
-    .admin-container .post-media li .btn-xs { font-size: 14px; width: 24px; height: 24px; padding:0; }
-
-    .classroom .edit-post textarea[name=body],
-    .classroom .edit-page textarea[name=body] {
-        min-height:320px;
-        font-family: Consolas, 'Ubuntu Mono','Courier New', Courier, monospace;
-        color: #333;
-    }
-
-*/
-
+.select2-container--default .select2-selection--single { height: var(--form-input-height); } 
 
 /** select2|multiple overides
  * --- -- -- - - -
  */
-input.select2-search__field { font-size: 15px; }
+input.select2-search__field { font-size: var(--form-content-font-size); }
+
+.select2-selection__choice {
+    font-size: var(--form-content-font-size);
+    font-weight: 400;
+}
+
 ul.select2-selection__rendered { margin-bottom: 0; }  /* select2: ul */
 .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 2px; }   /* select2: li */
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { /* select2: button */
@@ -141,4 +112,59 @@ ul.select2-selection__rendered { margin-bottom: 0; }  /* select2: ul */
 .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 32px; }
   
 .select2-container .select2-selection--single .select2-selection__rendered { font-size: 15px; padding: 2px 20px 2px 8px; }
-  
\ No newline at end of file
+  
+.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
+    padding-left: 16px;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+    top: var(--select2-arrow-top);
+}
+
+
+
+
+
+/*
+================================================================================
+
+            - - - -- -- --- C H A N G E S --- -- -- - - -
+
+================================================================================
+*/
+
+
+
+/* overides.css | http://localhost/assets/css/overides.css */
+ 
+   
+  .select2-container .select2-selection--single .select2-selection__rendered {
+    font-size: var(--form-content-font-size);
+  }
+  
+  
+ 
+.central-form form label {
+    /* font-size: 14px; */
+    font-size: .92rem;  color: #554c;
+    }
+  
+  /* bootstrap.min.css | https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css */
+  
+  
+  
+
+
+
+  .select2-container--default .select2-selection--single:focus-visible,
+  .select2-container--focus .select2-selection--multiple {
+    border-color: #86b7fe;
+    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
+    outline: none;
+    color: var(--bs-body-color);
+  }
+
+  .select2-container--default.select2-container--focus .select2-selection--multiple {
+    border: 1px solid #86b7fe;;
+    outline: 0;
+  }
\ No newline at end of file