small visual updates

static/style.css

@@ -127,13 +127,13 @@ table {
 .inter {
   height: 60%;
   max-height: 60%;
-  width: 21%;
+  width: 20%;
   margin: 2%;
   background-color: cadetblue;
   float: left;
 }
 .inter:hover {
-  background-color: rgba(95, 158, 160, 0.3);
+  filter: brightness(.8);
   cursor: pointer;
 }
 

templates/index.html

@@ -20,7 +20,7 @@
                 <br />
                 This pipeline supports the execution of the first step from STPA Analysis, detecting possible context errors in textual sentences from the Losses, System-Level Hazards, and System-Level Constraints classes.
                 <br />
-                The models in the pipeline classify sentences between correct (green rows) and incorrect (yellow rows) according to the STPA Handbook reccomendations. Furthermore, for the incorrect sentences, the pipeline gives the possible tipe of writing error of the sentence, and most similar sentences as suggestions for correcting the sentence.
+                The models in the pipeline classify sentences between correct (green rows) and incorrect (yellow rows) according to the STPA Handbook reccomendations. Furthermore, for the incorrect sentences, the pipeline gives the possible type of writing error of the sentence, and most similar sentences as suggestions for correcting the sentence.
                 Red rows indicate a labeling or classification error, and the sentence can be correct or incorrect.
                 <br />
                 *Sentences with formatting errors will be ignored. Please check all input sentences.

templates/interface.html

@@ -53,10 +53,10 @@
     </div>
     <div class="internal", style="width: 100%; height: 10%; max-height: 10%; overflow: hidden;">
 
-        <div class="inter" onclick="addData_correct()" style="background-color: darkseagreen;">Filter correct sentences</div>
-        <div class="inter" onclick="addData_incorrect()" style="background-color: lightgoldenrodyellow;">Filter incorrect sentences</div>
-        <div class="inter" onclick="addData_erro()" style="background-color: lightcoral;">Filter classification errors</div>
-        <div class="inter" onclick="update_table()">Return to default state</div>
+        <div class="inter" onclick="addData_correct()" style="background-color: rgb(144, 238, 144); border: 2px solid gray; border-radius: 3px;">Show correct sentences</div>
+        <div class="inter" onclick="addData_incorrect()" style="background-color: rgb(245, 233, 66); border: 2px solid gray; border-radius: 3px;">Show incorrect sentences</div>
+        <div class="inter" onclick="addData_erro()" style="background-color: crimson; border: 2px solid gray; border-radius: 3px;">Show classification errors</div>
+        <div class="inter" onclick="update_table()" style="border: 2px solid gray; border-radius: 3px;">Show all sentences (Default)</div>