admin back-office environment: lessons management

1 files changed, 41 insertions, 4 deletions

diff --git a/public/assets/css/overides.css b/public/assets/css/overides.css
index 172d24e..0709f4d 100644
--- a/public/assets/css/overides.css
+++ b/public/assets/css/overides.css
@@ -40,13 +40,13 @@ html, body { font-family: "Roboto Slab", serif; font-weight: 400; }
 .admin-container { font-size: .96em; }
 .admin-container .top-bar a:hover { background: #ddd; }
 
-.admin-container .manage { padding: .5em .5em 1.5em .5em; } 
+.admin-container .manage { padding: 1em; } 
 
 .admin-container .title-bar {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 1em 8px 1em 16px;
+    padding: 1.5em 1em 1.5em 1em;
  }
 
 .admin-container .dt-table { font-size: 14px; }
@@ -58,11 +58,48 @@ html, body { font-family: "Roboto Slab", serif; font-weight: 400; }
  }
 
 .admin-container .modal .form-group { padding: .35em 0;}
-.admin-container .modal .form-control { padding: 1px 8px; border-radius: 4px; font-size: 15px; }
+/*.admin-container .modal .form-control { padding: 1px 8px; border-radius: 4px; font-size: 15px; } */
 
 .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; }
 
-.admin-container .modal-footer .form-actions { display: flex; }
\ No newline at end of file
+.admin-container .modal-footer .form-actions { display: flex; }
+
+.admin-container .title-bar h5 { margin-bottom: 0; color: #333; }
+
+.admin-container table.dataTable { margin-top: 1em !important; margin-bottom: 1em !important;}
+
+.admin-container .title-bar .btn { border: 1px solid #7772; }
+.admin-container .title-bar .btn:hover { background: #ddd; }
+
+.admin-container form label { padding: 8px 1em 2px 1em; }
+
+.admin-container .form-control { border-radius: 4px; }
+
+.admin-container select[data-chosen='one'] {
+    font-weight: 700;
+    color: #000;
+}
+
+/* hack select2 caret styling
+ * (like bootstrap5 select caret)
+ * -----------------------------------------------------------------------------
+ */
+
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+    background-color: transparent;
+    background-size: contain;
+    border: none !important;
+    height: 16 !important;
+    width: 12px !important;
+    margin: auto !important;
+    top: 9px !important;
+    left: auto !important;
+    height: 14px;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow { width: 24px; }
+.select2-container--default .select2-selection--single { height: 31px; }
+  
\ No newline at end of file