PUNKT-43 Zmiana wyglądu wszystkich przycisków

This commit is contained in:
s416122 2019-12-15 14:36:10 +01:00
parent 56b68c8eb6
commit 3689a9a85d
8 changed files with 51 additions and 82 deletions

View File

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

View File

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

View File

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

View File

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

View File

@ -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
{

View File

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

View File

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

View File

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