Points field added

source/AssignmentTutor.html

@@ -54,29 +54,6 @@
                 border-color: var(--btn-bg-color);
             }
 
-            button {
-                width: 40px;
-                height: 40px;
-                padding: 0;
-                background-color: var(--btn-bg-color);
-                border: none;
-                border-radius: 50%;
-                cursor: pointer;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                transition: background-color 0.3s;
-            }
-
-            button:hover {
-                background-color: var(--btn-hover-color);
-            }
-
-            button i {
-                color: var(--btn-text-color);
-                font-size: 18px;
-            }
-
             /* Styles for the chat messages */
             .user-message,
             .bot-message {
@@ -104,7 +81,7 @@
                 padding: 20px;
                 gap: 20px;
                 width: 100%;
-                max-width: 400px; /* Falls du möchtest, dass die rechte Box nicht zu groß wird */
+                max-width: 600px; /* Falls du möchtest, dass die rechte Box nicht zu groß wird */
             }
 
             /* Responsiveness */
@@ -206,7 +183,17 @@
             <div class="left-column">
                 <button class="box">Download Work</button>
                 <button class="box">Upload Grade</button>
-                <div class="box">Points:</div>
+                <div class="box">
+                    Points:
+                    <div class="boxinput">
+                        <input
+                            type="number"
+                            id="kommazahl"
+                            name="kommazahl"
+                            step="0.01"
+                        />
+                    </div>
+                </div>
                 <button class="box">Submit</button>
             </div>
 

source/style.css

@@ -67,11 +67,12 @@ body {
     line-height: 1.6;
 }
 
-label, h1, a {
-    color: var(--text-color)
+label,
+h1,
+a {
+    color: var(--text-color);
 }
 
-
 input {
     width: 100%;
     padding: 0.75rem;
@@ -136,7 +137,9 @@ button:hover {
 
 /* Vertikale Trennlinie */
 .divider {
-    background-color: var(--divider-color); /* Dunklere Farbe für bessere Sichtbarkeit */
+    background-color: var(
+        --divider-color
+    ); /* Dunklere Farbe für bessere Sichtbarkeit */
     width: 4px; /* Etwas breiter */
     height: 100%;
     margin: 0; /* Entfernt die seitlichen Abstände */
@@ -177,14 +180,12 @@ button:hover {
     font-weight: bold;
 }
 
-.box:hover {
-    background-color: var(--btn-hover-color);
-    border: 1px solid var(--btn-hover-color);
-    cursor: pointer;
+.boxinput {
+    padding-left: 1rem;
 }
 
 li {
-    list-style: none;;
+    list-style: none;
 }
 
 /* Responsive Design */
@@ -197,7 +198,8 @@ li {
         display: none;
     }
 
-    .left-column, .right-column {
+    .left-column,
+    .right-column {
         padding: 0;
     }