From 3689a9a85de301e553d4b330ebc434dbd36e02af Mon Sep 17 00:00:00 2001
From: s416122 <annmad@st.amu.edu.pl>
Date: Sun, 15 Dec 2019 14:36:10 +0100
Subject: [PATCH] =?UTF-8?q?PUNKT-43=20=20Zmiana=20wygl=C4=85du=20wszystkic?=
 =?UTF-8?q?h=20przycisk=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../group-creator.component.html              |  2 +-
 .../question-view/gaps/gaps.component.css     | 16 ++++---------
 .../multiple-choice.component.css             | 20 ++++------------
 .../question-view/pairs/pairs.component.css   | 22 ++++++++----------
 .../question-view/puzzle/puzzle.component.css | 17 ++++----------
 .../single-choice/single-choice.component.css | 23 ++++++-------------
 .../true-false/true-false.component.css       | 19 ++++-----------
 FrontEnd/src/styles.css                       | 14 +++++++++++
 8 files changed, 51 insertions(+), 82 deletions(-)

diff --git a/FrontEnd/src/app/groups/group-creator/group-creator.component.html b/FrontEnd/src/app/groups/group-creator/group-creator.component.html
index e618dbc..2ecddf5 100644
--- a/FrontEnd/src/app/groups/group-creator/group-creator.component.html
+++ b/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>
diff --git a/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css b/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css
index 57d9a7b..f74a143 100644
--- a/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css
+++ b/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
diff --git a/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css b/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css
index 1fb86fa..c526017 100644
--- a/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css
+++ b/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
diff --git a/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css b/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css
index cc1d584..f373c2d 100644
--- a/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css
+++ b/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;
-}
-
diff --git a/FrontEnd/src/app/tests/test-details/question-view/puzzle/puzzle.component.css b/FrontEnd/src/app/tests/test-details/question-view/puzzle/puzzle.component.css
index 9d1eee8..0a7002d 100644
--- a/FrontEnd/src/app/tests/test-details/question-view/puzzle/puzzle.component.css
+++ b/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
 {
diff --git a/FrontEnd/src/app/tests/test-details/question-view/single-choice/single-choice.component.css b/FrontEnd/src/app/tests/test-details/question-view/single-choice/single-choice.component.css
index e0840fc..1d8bfb7 100644
--- a/FrontEnd/src/app/tests/test-details/question-view/single-choice/single-choice.component.css
+++ b/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
diff --git a/FrontEnd/src/app/tests/test-details/question-view/true-false/true-false.component.css b/FrontEnd/src/app/tests/test-details/question-view/true-false/true-false.component.css
index 1fb86fa..6363442 100644
--- a/FrontEnd/src/app/tests/test-details/question-view/true-false/true-false.component.css
+++ b/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
diff --git a/FrontEnd/src/styles.css b/FrontEnd/src/styles.css
index 3d2d069..b8ce1dd 100644
--- a/FrontEnd/src/styles.css
+++ b/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;