Rework of page "allQuestions", minor style and layout fixes and modifications for other pages

src/defaultStyles.css

@@ -12,7 +12,7 @@ body {
   font-family: 'Kameron', serif;
   font-family: 'Overpass Mono', monospace;
   color: #999999;
-  /* cursor: default; */
+  cursor: default;
 }
 
 li {
@@ -40,12 +40,10 @@ textarea {
 input {
   color: var(--text-color);
   background-color: var(--background-color);
-  border: 0px solid #444;
-  width: 100%;
-}
-
-input:focus {
-  border: 0px solid #444;
+  border: 1px solid #666;
+  border-radius: 5px;
+  width: 80%;
+  font-family: inherit;
 }
 
 .link {
@@ -175,18 +173,20 @@ input:focus {
 }
 
 .questionContainer {
-  margin: 10px;
+  margin: 6px;
+  padding: 10px;
 }
 
 .questionContainer:hover {
-  background-color: var(--hoover-color);
+  background-color: #141414;
+  color: var(--text-color);
 }
 
 .question {
   word-wrap: break-word;
   font-weight: bold;
   font-size: 17px;
-  color: #ffffff;
+  color: gainsboro;
 }
 
 .answer {
@@ -212,16 +212,22 @@ input:focus {
 }
 
 .subjectSelector {
-  overflow: scroll;
-  height: 350px;
+  overflow: auto;
+  height: auto;
+  max-height: 250px;
   margin: 10px;
+  padding: 5px;
+  padding-right: 10px;
+  padding-left: 8px;
+  background-color: #141414;
 }
 
 .subjItem {
   font-size: 18px;
   padding: 3px;
+  padding-top: 5px;
+  margin-top: 4px;
   cursor: pointer;
-  float: 1;
   display: flex;
   justify-content: space-between;
 }
@@ -376,10 +382,6 @@ input:focus {
   text-decoration: none;
 }
 
-.buttonContainer > *:active {
-  transform: translateY(2.5px);
-}
-
 .buttonContainer > *:hover {
   text-shadow: 2px 2px 8px black;
   transition: width 0.5s, height 0.5s, ease-out 0.5s;
@@ -410,7 +412,7 @@ select:hover {
 }
 
 .selectContainer > select {
-  width: 21%;
+  width: 20%;
   border-radius: 5px;
   border: 1.5px solid white;
   background-color: #9c9c98;
@@ -428,3 +430,21 @@ select:hover {
   padding: 0px 5px;
   margin-right: 8px;
 }
+
+.description {
+  padding-top: 1px;
+  padding-bottom: 10px;
+  font-size: inherit;
+  color: inherit;
+  text-align: center;
+  margin: 10px;
+}
+
+.resultContainer {
+  color: gainsboro;
+  font-size: 18px;
+  display: flex;
+  justify-content: center;
+  margin-top: 8px;
+
+}