feedback again

tjcsl · May 10, 2024 · cbd66a7 · cbd66a7
1 parent c5a13be
commit cbd66a7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 20 deletions.
diff --git a/tin/static/css/edit.css b/tin/static/css/edit.css
@@ -5,20 +5,20 @@
   padding: 18px;
   max-width: 90%;
   width: 90%;
-  border: none;
   border-radius: 10px;
   text-align: center;
   outline: none;
   font-size: 15px;
+  border: none;
   box-shadow: 6px 6px 12px #777,
               -6px -6px 12px #ffffff;
 }
 
-.active, .collapsible:hover {
+button.collapsible.active, .collapsible:hover {
   background-color: #555;
 }
 
-.active {
+button.collapsible.active {
   border-radius: 10px 10px 0px 0px;
 }
 
@@ -46,7 +46,7 @@
   color: white;
 }
 
-.active:after {
+button.collapsible.active:after {
   content: "-"; /* Unicode character for "minus" sign (-) */
   color: white;
   font-size: 20px;
@@ -72,10 +72,13 @@
 }
 
 /* Style the description box */
-#description {
-  max-width: 90%;
+textarea {
   width: 90%;
   height: 300px;
+  resize: vertical;
+  /* For legacy browsers without CSS 3 support */
+  min-width: 90%;
+  max-width: 90%;
 }
 
 @media (max-width: 900.02px) {
@@ -107,3 +110,7 @@
 .field-input {
   width: 70%;
 }
+
+#id_description {
+  font-family: inherit;
+}
diff --git a/tin/templates/assignments/edit_create.html b/tin/templates/assignments/edit_create.html
@@ -11,21 +11,13 @@
   <link rel="stylesheet" type="text/css" href="{% static 'css/edit.css' %}">
   <script type="text/javascript" src="{% static 'vendor/datetimepicker/jquery.datetimepicker.js' %}"></script>
   <script type="text/javascript">
-      $(document).ready(function () {
-          $("#id_due").datetimepicker({
-              lazyInit: true,
-              timepicker: true,
-              format: "Y-m-d H:i:s",
-          });
-      });
-  </script>
-  <style>
-      #id_description {
-          font-family: inherit;
-      }
-  </style>
-  <script>
     $(document).ready(function () {
+      $("#id_due").datetimepicker({
+          lazyInit: true,
+          timepicker: true,
+          format: "Y-m-d H:i:s",
+      });
+
       const coll = $('.collapsible');
       let i;