PUNKT-43 Zmiana wyglądu wszystkich przycisków

FrontEnd/src/app/groups/group-creator/group-creator.component.html

@@ -14,7 +14,7 @@
             <textarea name="description" class="form-control" ngModel required></textarea>
         </label>
         <br /><br />
-        <button #btn class="button max" type="submit"><i class="fas fa-check-circle"></i> Dodaj grupę!</button>
+        <button #btn class="button" style="font-size: x-large;" type="submit"><i class="fas fa-check-circle"></i> Dodaj grupę!</button><br />
         <button class="button" routerLink="/my-groups"><i class="fas fa-arrow-left"></i> Powrót</button>
       </form>
     </div>

FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css

@@ -6,17 +6,6 @@
   margin-top: 20px;
 }
 
-.pytanie
-{
-background-color: white;
-color: black;
-width: 50%;
-margin-left: auto;
-margin-right: auto;
-border: 10px solid white;
-font-size: larger;
-margin-bottom: 70px;;
-}
 
 span
 {
@@ -37,6 +26,11 @@ span
 .button
 {
   border: 2px solid #000080;
+  padding-left: 30px;
+  padding-right: 30px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  min-width: 400px;
 }
 
 .button:hover

FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css

@@ -6,20 +6,6 @@
 
 }
 
-.pytanie
-{
-background-color: white;
-color: black;
-width: 50%;
-margin-left: auto;
-margin-right: auto;
-border: 10px solid white;
-font-size: larger;
-margin-bottom: 70px;
-}
-
-
-
 
 .radio-answer
 {
@@ -30,7 +16,7 @@ label
 {
 clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
 background-color: #000080;
-width: 300px;
+width: 400px;
 text-align: center;
 border: 3px solid #000080;
 border-bottom: #000080;
@@ -38,6 +24,10 @@ color: white;
 cursor: pointer;
 margin-top:10px;
 font-size: x-large;
+padding-left: 30px;
+padding-right: 30px;
+padding-top: 15px;
+padding-bottom: 15px;
 }
 
 label:hover

FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css

@@ -11,6 +11,10 @@
     width: 300px;
     text-align: center;
     border: 3px solid #000080;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-top: 15px;
+    padding-bottom: 15px;
 }
 
 .puzzle:hover
@@ -31,6 +35,11 @@
     margin: 5px 5px 5px 0;
     clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
     border: 2px solid orange;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    text-align: center;
 }
 
 .both-sides{
@@ -63,18 +72,7 @@ span
     background-color: gray;
     cursor: not-allowed;
     border: 2px solid gray;
+    min-height: 50px;
 }
 
 
-.pytanie
-{
-  background-color: white;
-  color: black;
-  width: 50%;
-  margin-left: auto;
-  margin-right: auto;
-  border: 10px solid white;
-  font-size: larger;
-  margin-bottom: 70px;
-}
-

FrontEnd/src/app/tests/test-details/question-view/puzzle/puzzle.component.css

@@ -11,6 +11,10 @@
     width: 300px;
     text-align: center;
     border: 3px solid #000080;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-top: 15px;
+    padding-bottom: 15px;
 }
 
 .puzzle:hover
@@ -24,19 +28,6 @@ span
   font-size: x-large;
 }
 
-.pytanie
-{
-  background-color: white;
-  color: black;
-  width: 50%;
-  margin-left: auto;
-  margin-right: auto;
-  border: 10px solid white;
-  font-size: larger;
-  margin-bottom: 70px;
-}
-
-
 
 .active
 {

FrontEnd/src/app/tests/test-details/question-view/single-choice/single-choice.component.css

@@ -6,20 +6,6 @@
 
 }
 
-.pytanie
-{
-  background-color: white;
-  color: black;
-  width: 50%;
-  margin-left: auto;
-  margin-right: auto;
-  border: 10px solid white;
-  font-size: larger;
-  margin-bottom: 70px;
-}
-
-
-
 
 .radio-answer
 {
@@ -30,14 +16,19 @@ label
 {
   clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
   background-color: #000080;
-  width: 300px;
+  width: 400px;
   text-align: center;
+  word-wrap: break-word;
   border: 3px solid #000080;
   border-bottom: #000080;
   color: white;
   cursor: pointer;
-  margin-top:10px;
+  margin-top: 10px;
   font-size: x-large;
+  padding-left: 30px;
+  padding-right: 30px;
+  padding-top: 15px;
+  padding-bottom: 15px;
 }
 
 label:hover

FrontEnd/src/app/tests/test-details/question-view/true-false/true-false.component.css

@@ -6,20 +6,6 @@
 
 }
 
-.pytanie
-{
-background-color: white;
-color: black;
-width: 50%;
-margin-left: auto;
-margin-right: auto;
-border: 10px solid white;
-font-size: larger;
-margin-bottom: 70px;
-}
-
-
-
 
 .radio-answer
 {
@@ -38,6 +24,11 @@ color: white;
 cursor: pointer;
 margin-top:10px;
 font-size: x-large;
+padding-left: 30px;
+padding-right: 30px;
+padding-top: 15px;
+padding-bottom: 15px;
+
 }
 
 label:hover

FrontEnd/src/styles.css

@@ -173,6 +173,20 @@ label.btn-study-cave {
   font-size: x-large;
 }
 
+.pytanie
+{
+  background-color: white;
+  color: black;
+  width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+  border: 10px solid white;
+  font-size: x-large;
+  margin-bottom: 70px;
+  min-height: 50px;
+
+}
+
 .button:hover
 {
   background-color: orange;