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 @@
-
+
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;