From af1aa14d7df4008766c9e9fa07f8a65505b09e7e Mon Sep 17 00:00:00 2001
From: s416122 <annmad@st.amu.edu.pl>
Date: Sat, 14 Dec 2019 23:24:14 +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/group-creator.component.css | 11 +++++++--
 .../group-creator.component.html              |  4 ++--
 .../group-details/group-details.component.css |  9 ++++++-
 .../group-details.component.html              | 20 ++++++++--------
 ...history-of-activity-in-group.component.css |  9 ++++++-
 ...istory-of-activity-in-group.component.html | 22 ++++++++---------
 .../join-to-group/join-to-group.component.css | 10 ++++++--
 .../join-to-group.component.html              |  4 ++--
 .../manage-group/manage-group.component.css   |  9 ++++++-
 .../manage-group/manage-group.component.html  | 14 +++++------
 .../groups/my-groups/my-groups.component.css  |  9 ++++++-
 .../groups/my-groups/my-groups.component.html |  6 ++---
 .../app/groups/ranking/ranking.component.css  | 11 +++++++--
 .../app/groups/ranking/ranking.component.html |  6 ++---
 .../sharing-resources-in-groups.component.css | 11 +++++++--
 ...sharing-resources-in-groups.component.html | 12 +++++-----
 .../tests-in-group-results.component.css      |  9 ++++++-
 .../tests-in-group-results.component.html     |  6 ++---
 .../material-to-group-preview.component.css   |  6 +++++
 .../material-to-group-preview.component.html  |  2 +-
 .../waiting-resources.component.css           |  9 ++++++-
 .../waiting-resources.component.html          | 24 +++++++++----------
 FrontEnd/src/app/login/login.component.css    | 22 +++++++++++------
 .../shared/comments/comments.component.css    | 12 ++++++++--
 .../shared/comments/comments.component.html   |  8 +++----
 .../gaps-question/gaps-question.component.css | 10 +++++++-
 .../gaps-question.component.html              | 23 +++++++++---------
 .../multiple-choice-question.component.css    | 22 +++++++++++++++--
 .../multiple-choice-question.component.html   | 12 +++++-----
 .../pairs-question.component.css              | 21 ++++++++++++++--
 .../pairs-question.component.html             | 11 +++++----
 .../puzzle-question.component.css             | 19 ++++++++++++++-
 .../puzzle-question.component.html            | 16 ++++++-------
 .../single-choice-question.component.css      | 21 ++++++++++++++--
 .../single-choice-question.component.html     | 11 +++++----
 .../tests/test-edit/test-edit.component.css   | 10 +++++++-
 .../tests/test-edit/test-edit.component.html  | 24 +++++++++----------
 .../tests/test-maker/test-maker.component.css |  9 ++++++-
 .../test-maker/test-maker.component.html      | 24 +++++++++----------
 .../tests/tests-list/tests-list.component.css |  9 ++++++-
 .../tests-list/tests-list.component.html      |  6 ++---
 .../true-false-question.component.css         |  9 ++++++-
 .../true-false-question.component.html        |  9 +++----
 .../src/app/user/bagdes/bagdes.component.css  | 11 +++++++--
 .../src/app/user/bagdes/bagdes.component.html |  4 ++--
 .../user/edit-user/edit-user.component.css    | 12 ++++++++--
 .../user/edit-user/edit-user.component.html   |  4 ++--
 .../app/user/register/register.component.css  | 12 ++++++++--
 .../app/user/register/register.component.html |  4 ++--
 FrontEnd/src/app/user/user/user.component.css | 10 +++++++-
 .../src/app/user/user/user.component.html     |  6 ++---
 FrontEnd/src/styles.css                       | 19 +++++++++++----
 52 files changed, 428 insertions(+), 185 deletions(-)

diff --git a/FrontEnd/src/app/groups/group-creator/group-creator.component.css b/FrontEnd/src/app/groups/group-creator/group-creator.component.css
index bcf64d8..7dbd641 100644
--- a/FrontEnd/src/app/groups/group-creator/group-creator.component.css
+++ b/FrontEnd/src/app/groups/group-creator/group-creator.component.css
@@ -4,7 +4,7 @@ label {
 
 .container {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -18,6 +18,13 @@ label {
     margin-bottom: 4rem;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .wrapper {
     width: 100%;
     padding: 30px;
@@ -27,7 +34,7 @@ label {
 
 .content {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
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 abfbb9e..e618dbc 100644
--- a/FrontEnd/src/app/groups/group-creator/group-creator.component.html
+++ b/FrontEnd/src/app/groups/group-creator/group-creator.component.html
@@ -14,8 +14,8 @@
             <textarea name="description" class="form-control" ngModel required></textarea>
         </label>
         <br /><br />
-        <button #btn class="btn btn-study-cave" type="submit"><i class="fas fa-check-circle"></i> Dodaj grupę!</button>
-        <button class="btn btn-study-cave" routerLink="/my-groups"><i class="fas fa-arrow-left"></i> Powrót</button>
+        <button #btn class="button max" type="submit"><i class="fas fa-check-circle"></i> Dodaj grupę!</button>
+        <button class="button" routerLink="/my-groups"><i class="fas fa-arrow-left"></i> Powrót</button>
       </form>
     </div>
   </div>
diff --git a/FrontEnd/src/app/groups/group-details/group-details.component.css b/FrontEnd/src/app/groups/group-details/group-details.component.css
index 722b21b..190d104 100644
--- a/FrontEnd/src/app/groups/group-details/group-details.component.css
+++ b/FrontEnd/src/app/groups/group-details/group-details.component.css
@@ -7,7 +7,7 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -15,6 +15,13 @@
     margin-right: auto;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 ag-grid-angular{
     margin: 10px;
 }
diff --git a/FrontEnd/src/app/groups/group-details/group-details.component.html b/FrontEnd/src/app/groups/group-details/group-details.component.html
index d9c6533..6df3958 100644
--- a/FrontEnd/src/app/groups/group-details/group-details.component.html
+++ b/FrontEnd/src/app/groups/group-details/group-details.component.html
@@ -1,19 +1,19 @@
 <div class="wrapper">
   <div class="content">
     <div>
-      <button class="btn btn-study-cave float-right mr-1 mb-4" (click)="goToAddingResource()"><i class="fas fa-plus"></i>
+      <button class="button float-right mr-1 mb-4" (click)="goToAddingResource()"><i class="fas fa-plus"></i>
         Dodaj zasoby do grupy</button>
 
-      <button class="btn btn-study-cave float-right mr-1 mb-4" (click)="goToRankings()"><i class="fas fa-trophy"></i>
+      <button class="button float-right mr-1 mb-4" (click)="goToRankings()"><i class="fas fa-trophy"></i>
         Rankingi</button>
 
-      <button *ngIf="group?.owner===currentUser.username" class="btn btn-study-cave float-right mr-1 mb-4" (click)="goToTestsResults()"><i class="fas fa-trophy"></i>
+      <button *ngIf="group?.owner===currentUser.username" class="button float-right mr-1 mb-4" (click)="goToTestsResults()"><i class="fas fa-trophy"></i>
         Wyniki za testy</button>
       <div style="clear: both;"></div>
     </div>
     <br />
     <div>
-      <button class="btn btn-study-cave float-right mr-1 mb-4" (click)="goToHistory()"><i class="fas fa-user-clock"></i> Twoja historia aktywności</button>
+      <button class="button float-right mr-1 mb-4" (click)="goToHistory()"><i class="fas fa-user-clock"></i> Twoja historia aktywności</button>
       <div style="clear: both;"></div>
     </div>
     <br />
@@ -23,14 +23,14 @@
     <p>{{group?.description}}</p>
     <div class="buttons-container">
       <div>
-        <button class="btn btn-study-cave mb-4" (click)="goToGroupsList()"><i class="fas fa-arrow-left"></i> Do listy grup</button>
-        <button *ngIf="group?.owner===currentUser.username" class="btn btn-study-cave mb-4" (click)="goToEditing()"><i class="fas fa-edit"></i> Edytuj grupę</button>
+        <button class="button mb-4" (click)="goToGroupsList()"><i class="fas fa-arrow-left"></i> Do listy grup</button>
+        <button *ngIf="group?.owner===currentUser.username" class="button mb-4" (click)="goToEditing()"><i class="fas fa-edit"></i> Edytuj grupę</button>
       </div>
       <div>
-        <button class="btn btn-study-cave mb-4" (click)="isDisplayed('materiałów')"><i class="fas fa-book-open"></i>
+        <button class="button mb-4" (click)="isDisplayed('materiałów')"><i class="fas fa-book-open"></i>
           Materiały</button>
-        <button class="btn btn-study-cave mb-4" (click)="isDisplayed('fiszek')"><i class="fas fa-scroll"></i> Fiszki</button>
-        <button class="btn btn-study-cave mb-4" (click)="isDisplayed('testów')"><i class="fas fa-pencil-ruler"></i>Testy</button>
+        <button class="button mb-4" (click)="isDisplayed('fiszek')"><i class="fas fa-scroll"></i> Fiszki</button>
+        <button class="button mb-4" (click)="isDisplayed('testów')"><i class="fas fa-pencil-ruler"></i>Testy</button>
       </div>
     </div>
 
@@ -52,4 +52,4 @@
       <button type="button" pButton icon="pi pi-close" (click)="display=false" label="NIE" class="ui-button-secondary"></button>
     </p-footer>
   </p-dialog>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.css b/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.css
index ae160bb..a888df5 100644
--- a/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.css
+++ b/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.css
@@ -7,7 +7,7 @@
 
 .content {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -18,3 +18,10 @@
 .buttons-container > div {
     margin: 10px;
 }
+
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
diff --git a/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.html b/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.html
index 740482c..43ddd37 100644
--- a/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.html
+++ b/FrontEnd/src/app/groups/history-of-activity-in-group/history-of-activity-in-group.component.html
@@ -1,7 +1,7 @@
 <div class="wrapper">
   <div class="content">
     <div>
-      <button class="btn btn-study-cave float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
+      <button class="button float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
       <div style="clear: both;"></div>
     </div>
     <h1>Twoja historia aktywności</h1>
@@ -26,7 +26,7 @@
               <br />
               <span>Pokaż wszystkie aktywności</span>
               <br /><br />
-              <button class="btn btn-study-cave" (click)="getHistory(true)">Pokaż wszystko</button>
+              <button class="button" (click)="getHistory(true)">Pokaż wszystko</button>
               <br /><br /><br />
               <p>Pokaż aktywności z wybranego przedziału</p>
               <mat-form-field>
@@ -40,7 +40,7 @@
                 <mat-datepicker #picker2></mat-datepicker>
               </mat-form-field>
               <br />
-              <button class="btn btn-study-cave" (click)="getHistory()">Pokaż w wybranym przedziale</button>
+              <button class="button" (click)="getHistory()">Pokaż w wybranym przedziale</button>
             </div>
           </div>
         </div>
@@ -52,20 +52,20 @@
           <p *ngFor="let activity of activityHistory">
             <span><b>{{ activity.date }}</b> - </span>
             <span *ngIf="activity.from && user && activity.from !== user">
-              lider grupy {{ activity.from }} 
+              lider grupy {{ activity.from }}
               <span *ngIf="activity.type === 'acceptedResource'">
-                zatwierdził dodany przez Ciebie 
+                zatwierdził dodany przez Ciebie
                 <span *ngIf="activity.resourceType === 'test'">test </span>
                 <span *ngIf="activity.resourceType === 'material'">materiał </span>
                 <span *ngIf="activity.resourceType === 'flashcards'">zestaw fiszek </span>
                 <span><b>{{ activity.resourceName }}</b>. </span>
                 <span *ngIf="activity.points === 0">Nie przyznał Ci za to punktów.</span>
-                <span *ngIf="activity.points !== 0">Przyznał Ci za to 
+                <span *ngIf="activity.points !== 0">Przyznał Ci za to
                   {{ activity.points }} pkt.
                 </span>
               </span>
               <span *ngIf="activity.type === 'rejectedResource'">
-                odrzucił dodany przez Ciebie 
+                odrzucił dodany przez Ciebie
                 <span *ngIf="activity.resourceType === 'test'">test </span>
                 <span *ngIf="activity.resourceType === 'material'">materiał </span>
                 <span *ngIf="activity.resourceType === 'flashcards'">zestaw fiszek </span>
@@ -85,7 +85,7 @@
                 <span *ngIf="activity.resourceType === 'flashcards'">zestaw fiszek </span>
                 <span><b>{{ activity.resourceName }}</b> użytkownika {{ activity.to }}. </span>
                 <span *ngIf="activity.points === 0">Nie przyznałeś mu za to punktów.</span>
-                <span *ngIf="activity.points !== 0">Przyznałeś mu za to 
+                <span *ngIf="activity.points !== 0">Przyznałeś mu za to
                   {{ activity.points }} pkt.
                 </span>
               </span>
@@ -103,12 +103,12 @@
               </span>
             </span>
             <span *ngIf="!activity.from">
-              <span *ngIf="activity.type === 'solvedTest'">otrzymałeś 
-                <span>{{ activity.points }} pkt</span> za rozwiązany test 
+              <span *ngIf="activity.type === 'solvedTest'">otrzymałeś
+                <span>{{ activity.points }} pkt</span> za rozwiązany test
                 <span><b>{{ activity.resourceName }}</b>.</span>
               </span>
               <span *ngIf="activity.type === 'addedResource'">
-                dodałeś do grupy 
+                dodałeś do grupy
                 <span *ngIf="activity.resourceType === 'test'">test </span>
                 <span *ngIf="activity.resourceType === 'material'">materiał </span>
                 <span *ngIf="activity.resourceType === 'flashcards'">zestaw fiszek </span>
diff --git a/FrontEnd/src/app/groups/join-to-group/join-to-group.component.css b/FrontEnd/src/app/groups/join-to-group/join-to-group.component.css
index 2b80839..7502142 100644
--- a/FrontEnd/src/app/groups/join-to-group/join-to-group.component.css
+++ b/FrontEnd/src/app/groups/join-to-group/join-to-group.component.css
@@ -7,7 +7,7 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -15,6 +15,12 @@
     margin-right: auto;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
 
 .join-to-group-form-item{
     margin-bottom: 10px;
@@ -22,4 +28,4 @@
 
 .join-to-group-form{
     margin-top: 10px;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/groups/join-to-group/join-to-group.component.html b/FrontEnd/src/app/groups/join-to-group/join-to-group.component.html
index ab29ffc..7212fc5 100644
--- a/FrontEnd/src/app/groups/join-to-group/join-to-group.component.html
+++ b/FrontEnd/src/app/groups/join-to-group/join-to-group.component.html
@@ -6,7 +6,7 @@
     <div class="ui-message ui-widget ui-corner-all ui-message-success" *ngIf="reditectToGroup">Dołączyłeś do grupy, przekierowanie do niej nastąpi za 3 sekundy.</div>
     <form class="join-to-group-form" #f="ngForm" (ngSubmit)="joinToGroup(f.value)" *ngIf="!reditectToGroup">
       <input type="text" name="code" class="form-control join-to-group-form-item" placeholder="Kod dostępu" ngModel required/>
-      <button type="submit" class="btn btn-study-cave join-to-group-form-item" [disabled]="f.form.invalid"><i class="fas fa-check-circle"></i> Dołącz!</button>
+      <button type="submit" class="button join-to-group-form-item" [disabled]="f.form.invalid"><i class="fas fa-check-circle"></i> Dołącz!</button>
     </form>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/groups/manage-group/manage-group.component.css b/FrontEnd/src/app/groups/manage-group/manage-group.component.css
index 722b21b..190d104 100644
--- a/FrontEnd/src/app/groups/manage-group/manage-group.component.css
+++ b/FrontEnd/src/app/groups/manage-group/manage-group.component.css
@@ -7,7 +7,7 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -15,6 +15,13 @@
     margin-right: auto;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 ag-grid-angular{
     margin: 10px;
 }
diff --git a/FrontEnd/src/app/groups/manage-group/manage-group.component.html b/FrontEnd/src/app/groups/manage-group/manage-group.component.html
index 5cd48e4..f94026f 100644
--- a/FrontEnd/src/app/groups/manage-group/manage-group.component.html
+++ b/FrontEnd/src/app/groups/manage-group/manage-group.component.html
@@ -4,21 +4,21 @@
         <p>Klucz: {{group?.groupKey}}</p>
         <br/>
         <div class="buttons-container">
-            <button class="btn btn-study-cave" (click)="goToGroup()"><i class="fas fa-arrow-left"></i> Wróć do grupy</button>
-            <button class="btn btn-study-cave" (click)="newKeyGenerate()"><i class="fas fa-key"></i> Generuj nowy klucz</button>
-            <button class="btn btn-study-cave" (click)="showWaitingResources()"><i class="fas fa-stopwatch"></i> Oczekujące zasoby</button>
-            <button class="btn btn-study-cave" (click)="showDialog()"><i class="fas fa-trash-alt"></i> Usuń grupę</button>
+            <button class="button" (click)="goToGroup()"><i class="fas fa-arrow-left"></i> Wróć do grupy</button>
+            <button class="button" (click)="newKeyGenerate()"><i class="fas fa-key"></i> Generuj nowy klucz</button>
+            <button class="button" (click)="showWaitingResources()"><i class="fas fa-stopwatch"></i> Oczekujące zasoby</button>
+            <button class="button" (click)="showDialog()"><i class="fas fa-trash-alt"></i> Usuń grupę</button>
         </div>
         <br/>
 
       <h2> Lista użytkowników </h2>
       <ag-grid-angular style="width: 100%; height: 475px;" class="ag-theme-dark" [rowData]="group?.users" [columnDefs]="columnDefs"
       [enableSorting]="true" [enableFilter]="true" (gridReady)="onGridReady($event)" [gridOptions]="gridOptions"
-      [pagination]="true" [paginationAutoPageSize]="true" [localeText]="localeText" 
+      [pagination]="true" [paginationAutoPageSize]="true" [localeText]="localeText"
       (gridColumnsChanged)="onGridColumnsChanged($event)" (rowClicked)="onRowClicked($event)" (gridSizeChanged)="onGridSizeChanged($event)">
     </ag-grid-angular>
     </div>
-</div>  
+</div>
 
 <p-dialog header="Potwierdź" [(visible)]="display">
   Czy chcesz usunąć grupę?
@@ -26,4 +26,4 @@
       <button type="button" pButton icon="pi pi-check" (click)="deleteGroup()" label="TAK"></button>
       <button type="button" pButton icon="pi pi-close" (click)="display=false" label="NIE" class="ui-button-secondary"></button>
   </p-footer>
-</p-dialog>
\ No newline at end of file
+</p-dialog>
diff --git a/FrontEnd/src/app/groups/my-groups/my-groups.component.css b/FrontEnd/src/app/groups/my-groups/my-groups.component.css
index 722b21b..34e3c38 100644
--- a/FrontEnd/src/app/groups/my-groups/my-groups.component.css
+++ b/FrontEnd/src/app/groups/my-groups/my-groups.component.css
@@ -7,7 +7,7 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -19,6 +19,13 @@ ag-grid-angular{
     margin: 10px;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .buttons-container > div{
     margin: 10px;
 }
diff --git a/FrontEnd/src/app/groups/my-groups/my-groups.component.html b/FrontEnd/src/app/groups/my-groups/my-groups.component.html
index 79a8813..7bfee89 100644
--- a/FrontEnd/src/app/groups/my-groups/my-groups.component.html
+++ b/FrontEnd/src/app/groups/my-groups/my-groups.component.html
@@ -4,16 +4,16 @@
     <br />
     <div class="buttons-container">
       <div>
-        <button class="btn btn-study-cave" (click)="toGroupMaker()"><i class="fas fa-plus"></i> Dodaj grupę</button>
+        <button class="button" (click)="toGroupMaker()"><i class="fas fa-plus"></i> Dodaj grupę</button>
       </div>
       <div>
-        <button class="btn btn-study-cave" (click)="goToJoinToGroup()"><i class="fas fa-users"></i> Dołącz do grupy</button>
+        <button class="button" (click)="goToJoinToGroup()"><i class="fas fa-users"></i> Dołącz do grupy</button>
       </div>
     </div>
     <br />
     <ag-grid-angular style="width: 100%; height: 475px;" class="ag-theme-dark" [rowData]="groups" [columnDefs]="columnDefs"
       [enableSorting]="true" [enableFilter]="true" (gridReady)="onGridReady($event)" [gridOptions]="gridOptions"
-      [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText" 
+      [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText"
       (gridColumnsChanged)="onGridColumnsChanged($event)" (gridSizeChanged)="onGridSizeChanged($event)">
     </ag-grid-angular>
   </div>
diff --git a/FrontEnd/src/app/groups/ranking/ranking.component.css b/FrontEnd/src/app/groups/ranking/ranking.component.css
index 8847472..35839fa 100644
--- a/FrontEnd/src/app/groups/ranking/ranking.component.css
+++ b/FrontEnd/src/app/groups/ranking/ranking.component.css
@@ -7,7 +7,7 @@
 
 .content {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -19,9 +19,16 @@
     margin: 10px;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .chart-container {
     margin: 10px;
     width: 100%;
     height: 500px;
     position: relative;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/groups/ranking/ranking.component.html b/FrontEnd/src/app/groups/ranking/ranking.component.html
index d4432b2..4ef44a5 100644
--- a/FrontEnd/src/app/groups/ranking/ranking.component.html
+++ b/FrontEnd/src/app/groups/ranking/ranking.component.html
@@ -1,7 +1,7 @@
 <div class="wrapper">
   <div class="content">
       <div>
-          <button class="btn btn-study-cave float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
+          <button class="button float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
           <div style="clear: both;"></div>
         </div>
     <h1>{{group?.name}}</h1>
@@ -17,7 +17,7 @@
     </div>
     <br />
     <div *ngIf="group">
-      <button class="btn btn-study-cave float-right mr-1" (click)="downloadCSVResults()">Eksportuj ranking do pliku CSV</button>
+      <button class="button float-right mr-1" (click)="downloadCSVResults()">Eksportuj ranking do pliku CSV</button>
       <div style="clear: both;"></div>
     </div>
     <br />
@@ -31,4 +31,4 @@
 
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.css b/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.css
index 845f9ef..d811e3a 100644
--- a/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.css
+++ b/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.css
@@ -7,7 +7,7 @@
 
 .content {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -15,6 +15,13 @@
     margin-right: auto;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .buttons-container > div {
     margin: 10px;
 }
@@ -22,4 +29,4 @@
 .multiselect-wrapper{
     display: flex;
     justify-content: center;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.html b/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.html
index 8e20ac5..faa3a83 100644
--- a/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.html
+++ b/FrontEnd/src/app/groups/sharing-resources-in-groups/sharing-resources-in-groups.component.html
@@ -1,7 +1,7 @@
 <div class="wrapper">
   <div class="content">
     <div>
-      <button class="btn btn-study-cave float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
+      <button class="button float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
       <div style="clear: both;"></div>
     </div>
     <h1>Dodawanie zasobów do grupy</h1>
@@ -9,9 +9,9 @@
     <div>
       <p>Wybierz typ zasobu do dodania:</p>
       <div>
-        <button [disabled]="materialsToAdd.length > 0" class="btn btn-study-cave mr-1" (click)="getMaterialsToAdd()"><i class="fas fa-book-open"></i> Materiały</button>
-        <button [disabled]="flashcardsToAdd.length > 0" class="btn btn-study-cave mr-1" (click)="getFlashcardsToAdd()"><i class="fas fa-book-open"></i> Fiszki</button>
-        <button [disabled]="testsToAdd.length > 0" class="btn btn-study-cave mr-1" (click)="getTestsToAdd()"><i class="fas fa-book-open"></i> Testy</button>
+        <button [disabled]="materialsToAdd.length > 0" class="button mr-1" (click)="getMaterialsToAdd()"><i class="fas fa-book-open"></i> Materiały</button>
+        <button [disabled]="flashcardsToAdd.length > 0" class="button mr-1" (click)="getFlashcardsToAdd()"><i class="fas fa-book-open"></i> Fiszki</button>
+        <button [disabled]="testsToAdd.length > 0" class="button mr-1" (click)="getTestsToAdd()"><i class="fas fa-book-open"></i> Testy</button>
       </div>
     </div>
     <br /><br />
@@ -26,11 +26,11 @@
           </p-header>
         </p-listbox>
         <br /><br />
-        <button [disabled]="selected.length === 0" class="btn btn-study-cave mr-1" (click)="addResources()"><i class="fas fa-check-circle"></i> Dodaj</button>
+        <button [disabled]="selected.length === 0" class="button mr-1" (click)="addResources()"><i class="fas fa-check-circle"></i> Dodaj</button>
       </div>
       <div *ngIf="!(materialsToAdd.length > 0 || flashcardsToAdd.length > 0 || testsToAdd.length > 0)">
         Brak elementów do dodania
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.css b/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.css
index 722b21b..34e3c38 100644
--- a/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.css
+++ b/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.css
@@ -7,7 +7,7 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -19,6 +19,13 @@ ag-grid-angular{
     margin: 10px;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .buttons-container > div{
     margin: 10px;
 }
diff --git a/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.html b/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.html
index 55bf971..70df010 100644
--- a/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.html
+++ b/FrontEnd/src/app/groups/tests-in-group-results/tests-in-group-results.component.html
@@ -1,7 +1,7 @@
 <div class="wrapper">
   <div class="content">
     <div>
-      <button class="btn btn-study-cave float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
+      <button class="button float-right mr-1" [routerLink]="['/groups/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
       <div style="clear: both;"></div>
     </div>
     <h1>Wyniki za testy w grupie: {{group?.name}}</h1>
@@ -19,7 +19,7 @@
     <div *ngIf="selectedTest">
       <h2>Wybrany test: {{selectedTest.title}}</h2>
       <br />
-      <button *ngIf="group" class="btn btn-study-cave float-right mr-1" (click)="downloadCSVResults()">Eksportuj wyniki do pliku CSV</button>
+      <button *ngIf="group" class="button float-right mr-1" (click)="downloadCSVResults()">Eksportuj wyniki do pliku CSV</button>
       <div style="clear: both;"></div>
       <br />
       <ag-grid-angular style="width: 100%; height: 475px;" class="ag-theme-dark" [rowData]="testdata" [columnDefs]="testcolumnDefs"
@@ -29,4 +29,4 @@
       </ag-grid-angular>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.css b/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.css
index e69de29..246134c 100644
--- a/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.css
+++ b/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.css
@@ -0,0 +1,6 @@
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
diff --git a/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.html b/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.html
index ede97c1..8a9ec3b 100644
--- a/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.html
+++ b/FrontEnd/src/app/groups/waiting-resources/material-to-group-preview/material-to-group-preview.component.html
@@ -1,5 +1,5 @@
 <div>
     <h2>{{ title }}</h2>
     <br />
-    <a [href]="serverURL + id"><button class="btn btn-study-cave"><i class="fas fa-file-download"></i> Pobierz materiał</button></a>
+    <a [href]="serverURL + id"><button class="button"><i class="fas fa-file-download"></i> Pobierz materiał</button></a>
 </div>
diff --git a/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.css b/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.css
index 648d4b5..2cfa1f8 100644
--- a/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.css
+++ b/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.css
@@ -7,7 +7,7 @@
 
 .content {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -15,6 +15,13 @@
     margin-right: auto;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .buttons-container > div {
     margin: 10px;
 }
diff --git a/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.html b/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.html
index 2e4887a..28b6035 100644
--- a/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.html
+++ b/FrontEnd/src/app/groups/waiting-resources/waiting-resources.component.html
@@ -1,7 +1,7 @@
 <div class="wrapper">
   <div class="content">
     <div>
-      <button class="btn btn-study-cave float-right mr-1" [routerLink]="['/groups/manage/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
+      <button class="button float-right mr-1" [routerLink]="['/groups/manage/', id]"><i class="fas fa-arrow-left"></i> Powrót</button>
       <div style="clear: both;"></div>
     </div>
     <h1>Oczekujące zasoby</h1>
@@ -9,9 +9,9 @@
     <div>
       <p>Wybierz typ zasobu:</p>
       <div>
-        <button [disabled]="displayMaterials" class="btn btn-study-cave mr-1" (click)="getWaitingMaterials()"><i class="fas fa-book-open"></i> Materiały</button>
-        <button [disabled]="displayFlashcards" class="btn btn-study-cave mr-1" (click)="getWaitingFlashcards()"><i class="fas fa-scroll"></i> Fiszki</button>
-        <button [disabled]="displayTests" class="btn btn-study-cave mr-1" (click)="getWaitingTests()"><i class="fas fa-pencil-ruler"></i> Testy</button>
+        <button [disabled]="displayMaterials" class="button mr-1" (click)="getWaitingMaterials()"><i class="fas fa-book-open"></i> Materiały</button>
+        <button [disabled]="displayFlashcards" class="button mr-1" (click)="getWaitingFlashcards()"><i class="fas fa-scroll"></i> Fiszki</button>
+        <button [disabled]="displayTests" class="button mr-1" (click)="getWaitingTests()"><i class="fas fa-pencil-ruler"></i> Testy</button>
       </div>
     </div>
     <br /><br />
@@ -20,21 +20,21 @@
         <div *ngIf="displayMaterials">
           <ag-grid-angular style="width: 100%; height: 475px;" class="ag-theme-dark" [rowData]="waitingMaterials" [columnDefs]="columnDefs"
             [enableSorting]="true" [enableFilter]="true" (gridReady)="onGridReady($event)" [gridOptions]="gridOptions"
-            [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText" 
+            [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText"
             (gridColumnsChanged)="onGridColumnsChanged($event)" (gridSizeChanged)="onGridSizeChanged($event)">
           </ag-grid-angular>
         </div>
         <div *ngIf="displayTests">
           <ag-grid-angular style="width: 100%; height: 475px;" class="ag-theme-dark" [rowData]="waitingTests" [columnDefs]="columnDefs"
             [enableSorting]="true" [enableFilter]="true" (gridReady)="onGridReady($event)" [gridOptions]="gridOptions"
-            [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText" 
+            [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText"
             (gridColumnsChanged)="onGridColumnsChanged($event)" (gridSizeChanged)="onGridSizeChanged($event)">
           </ag-grid-angular>
         </div>
         <div *ngIf="displayFlashcards">
           <ag-grid-angular style="width: 100%; height: 475px;" class="ag-theme-dark" [rowData]="waitingFlashcards" [columnDefs]="columnDefs"
             [enableSorting]="true" [enableFilter]="true" (gridReady)="onGridReady($event)" [gridOptions]="gridOptions"
-            [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText" 
+            [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText"
             (gridColumnsChanged)="onGridColumnsChanged($event)" (gridSizeChanged)="onGridSizeChanged($event)">
           </ag-grid-angular>
         </div>
@@ -51,7 +51,7 @@
     <app-flashcards-to-group-preview *ngIf="waitingFlashcards.length > 0" [set]="set"></app-flashcards-to-group-preview>
   </div>
   <br />
-  <button class="btn btn-study-cave" (click)="displayPreviewDialog = false"><i class="fas fa-times"></i> Zamknij</button>
+  <button class="button" (click)="displayPreviewDialog = false"><i class="fas fa-times"></i> Zamknij</button>
   <br /><br />
 </p-dialog>
 
@@ -67,8 +67,8 @@
     <textarea class="form-control" name="commentAccepted" [(ngModel)]="selectedResource.comment"></textarea>
   </label>
   <br /><br />
-  <button class="btn btn-study-cave" (click)="save(selectedResource)" ><i class="fas fa-check-circle"></i> Zapisz</button>
-  <button class="btn btn-study-cave" (click)="displayAcceptDialog = false"><i class="fas fa-times"></i> Anuluj</button>
+  <button class="button" (click)="save(selectedResource)" ><i class="fas fa-check-circle"></i> Zapisz</button>
+  <button class="button" (click)="displayAcceptDialog = false"><i class="fas fa-times"></i> Anuluj</button>
   <br />
 </p-dialog>
 
@@ -79,7 +79,7 @@
     <textarea class="form-control" name="commentRejected" [(ngModel)]="selectedResource.comment"></textarea>
   </label>
   <br /><br />
-  <button class="btn btn-study-cave" (click)="reject(selectedResource)"><i class="fas fa-check-circle"></i> Zapisz</button>
-  <button class="btn btn-study-cave" (click)="displayRejectDialog = false"><i class="fas fa-times"></i> Anuluj</button>
+  <button class="button max" (click)="reject(selectedResource)"><i class="fas fa-check-circle"></i> Zapisz</button>
+  <button class="button" (click)="displayRejectDialog = false"><i class="fas fa-times"></i> Anuluj</button>
   <br />
 </p-dialog>
diff --git a/FrontEnd/src/app/login/login.component.css b/FrontEnd/src/app/login/login.component.css
index cc7993f..42e7ea9 100644
--- a/FrontEnd/src/app/login/login.component.css
+++ b/FrontEnd/src/app/login/login.component.css
@@ -1,8 +1,8 @@
 #container-small {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     width: 25%;
-    height: 400px; 
+    height: 400px;
     margin: 25px;
     float:left;
     box-sizing: border-box;
@@ -14,7 +14,7 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    padding: 30px; 
+    padding: 30px;
     width: 50%;
     min-width: 250px;
     box-sizing: border-box;
@@ -24,17 +24,17 @@
 .content{
     position:fixed;
     width:100%;
-    box-sizing: border-box;  
+    box-sizing: border-box;
     max-width: 100%;
 }
 #container-large {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     width: 65%;
     min-height: 400px;
     margin: 25px;
     float: right;
-    box-sizing: border-box;    
+    box-sizing: border-box;
     position: relative;
     text-align: center;
 }
@@ -45,4 +45,12 @@
 
 .text-content{
     font-size: 18px;
-}
\ No newline at end of file
+}
+
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+  min-width: 200px;
+}
diff --git a/FrontEnd/src/app/shared/comments/comments.component.css b/FrontEnd/src/app/shared/comments/comments.component.css
index 97d4679..a704c24 100644
--- a/FrontEnd/src/app/shared/comments/comments.component.css
+++ b/FrontEnd/src/app/shared/comments/comments.component.css
@@ -6,7 +6,7 @@
     overflow: auto;
     height: calc(100vh - 154px);
     min-height: calc(100vh - 154px);
-    
+
 }
 
 .wrapper{
@@ -21,6 +21,14 @@
     }
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+  min-width: 200px;
+}
+
 @media screen and (max-width: 352px) {
     .content{
         margin-top: 170px;
@@ -42,4 +50,4 @@ input {
     border: 2px solid;
     padding: 20px;
     text-align: justify;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/shared/comments/comments.component.html b/FrontEnd/src/app/shared/comments/comments.component.html
index b67de90..b0829a3 100644
--- a/FrontEnd/src/app/shared/comments/comments.component.html
+++ b/FrontEnd/src/app/shared/comments/comments.component.html
@@ -3,8 +3,8 @@
   <br />
   <hr>
   <div>
-    <button class="btn btn-study-cave" (click)="toggle()" *ngIf="!display"><i class="far fa-comment-alt"></i> Komentarze</button>
-    <button class="btn btn-study-cave" (click)="toggle()" *ngIf="display"><i class="fas fa-angle-up"></i> ZWIŃ</button>
+    <button class="button" (click)="toggle()" *ngIf="!display"><i class="far fa-comment-alt"></i> Komentarze</button>
+    <button class="button" (click)="toggle()" *ngIf="display"><i class="fas fa-angle-up"></i> ZWIŃ</button>
 
   </div>
   <div>
@@ -15,7 +15,7 @@
         Dodaj komentarz: <br />
         <textarea name="comment" class="form-control" rows="10" [(ngModel)]="comment"></textarea>
         <br />
-        <button class="btn btn-study-cave" (click)="submitComment()"><i class="fas fa-plus"></i> Dodaj</button>
+        <button class="button" (click)="submitComment()"><i class="fas fa-plus"></i> Dodaj</button>
       </div>
       <div *ngFor="let comment of comments.slice().reverse(); let i = index">
         <hr>
@@ -29,4 +29,4 @@
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/tests/gaps-question/gaps-question.component.css b/FrontEnd/src/app/tests/gaps-question/gaps-question.component.css
index 438c0b0..365ba03 100644
--- a/FrontEnd/src/app/tests/gaps-question/gaps-question.component.css
+++ b/FrontEnd/src/app/tests/gaps-question/gaps-question.component.css
@@ -4,7 +4,7 @@
 
 .container {
     background-color: #22272a;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
@@ -18,6 +18,14 @@
     align-content: center;
 }
 
+
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .wrapper {
     width: 100%;
     margin-bottom: 5rem;
diff --git a/FrontEnd/src/app/tests/gaps-question/gaps-question.component.html b/FrontEnd/src/app/tests/gaps-question/gaps-question.component.html
index d94fa2b..ac38efd 100644
--- a/FrontEnd/src/app/tests/gaps-question/gaps-question.component.html
+++ b/FrontEnd/src/app/tests/gaps-question/gaps-question.component.html
@@ -36,13 +36,13 @@
             <div class="col-md-2">
               <b>Akcja</b>
               <br />
-              <button class="btn btn-study-cave" type="button" (click)="removefromAnswers(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
+              <button class="button" type="button" style="min-width: 150px;" (click)="removefromAnswers(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
             </div>
             <div class="mobile col-md-2">
               <b>Przesuń</b>
               <br />
-              <button *ngIf="i != 0" class="mobile btn btn-study-cave" (click)="moveUp(i + 1)"><i class="fas fa-angle-up"></i> Góra</button>
-              <button *ngIf="i != answersCorrect.length - 1" class="mobile btn btn-study-cave" (click)="moveDown(i + 1)"><i class="fas fa-angle-down"></i> Dół</button>
+              <button *ngIf="i != 0" class="button" style="min-width: 150px;" (click)="moveUp(i + 1)"><i class="fas fa-angle-up"></i> Góra</button>
+              <button *ngIf="i != answersCorrect.length - 1" class="button" style="min-width: 150px;" (click)="moveDown(i + 1)"><i class="fas fa-angle-down"></i> Dół</button>
               <span *ngIf="(i == 0) && (i == answersCorrect.length - 1)" >---</span>
             </div>
           </div>
@@ -55,7 +55,7 @@
             <div class="col-md-2">
               <b>Akcja</b>
               <br />
-              <button class="btn btn-study-cave" type="button" (click)="addToVisibleText()"><i class="fas fa-check-circle"></i> Zapisz</button>
+              <button class="button" style="min-width: 150px;" type="button" (click)="addToVisibleText()"><i class="fas fa-check-circle"></i> Zapisz</button>
             </div>
           </div>
           <div *ngIf="gap" class="row">
@@ -67,13 +67,13 @@
             <div class="col-md-2">
               <b>Akcja</b>
               <br />
-              <button class="btn btn-study-cave" type="button" (click)="addToGaps()"><i class="fas fa-check-circle"></i> Zapisz</button>
+              <button class="button" style="min-width: 150px;" type="button" (click)="addToGaps()"><i class="fas fa-check-circle"></i> Zapisz</button>
             </div>
           </div>
           <br />
-          <button class="btn btn-study-cave mb-2" (click)="showVisibleTextInput()">Dodaj tekst widoczny</button>
-          <button class="btn btn-study-cave mb-2" (click)="showGapInput()">Dodaj tekst luki</button>
-          <button class="btn btn-study-cave mb-2" (click)="addNewLine()">Wstaw nową linię</button>
+          <button class="button" (click)="showVisibleTextInput()">Dodaj tekst widoczny</button>
+          <button class="button" (click)="showGapInput()">Dodaj tekst luki</button>
+          <button class="button" (click)="addNewLine()">Wstaw nową linię</button>
           <div *ngIf="answersCorrect.length != 0">
             <br />
             <h5>Podgląd: </h5>
@@ -86,9 +86,10 @@
         </div>
         <br />
         <br />
-        <button *ngIf='!edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
-        <button *ngIf='edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
-        <button class="btn btn-study-cave ml-2" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
+        <button *ngIf='!edit' class="button" style="font-size: x-large;" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
+        <button *ngIf='edit' class="button" style="font-size: x-large;" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
+        <br />
+        <button class="button" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
       </div>
     </div>
   </div>
diff --git a/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.css b/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.css
index 2ea51f8..a89e5e8 100644
--- a/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.css
+++ b/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.css
@@ -4,7 +4,7 @@
 
 .container {
     background-color: #22272a;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
@@ -25,4 +25,22 @@
 
 .align {
     text-align: center;
-}
\ No newline at end of file
+}
+
+
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
+.min
+{
+  min-width: 150px;
+}
+
+.max
+{
+  font-size: x-large;
+}
diff --git a/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.html b/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.html
index 632981e..fd2c23d 100644
--- a/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.html
+++ b/FrontEnd/src/app/tests/multiple-choice-question/multiple-choice-question.component.html
@@ -31,7 +31,7 @@
               <div class="col-md-3">
                 <b>Akcja</b>
                 <br />
-                <button class="btn btn-study-cave" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
+                <button class="button min" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
               </div>
             </div>
             <br />
@@ -47,17 +47,17 @@
               <div class="col-md-3">
                 <b>Akcja</b>
                 <br />
-                <button class="btn btn-study-cave" type="button" (click)="addFieldValue()">Dodaj</button>
+                <button class="button min" type="button" (click)="addFieldValue()">Dodaj</button>
               </div>
             </div>
           </div>
           <br />
           <br />
-          <button *ngIf='!edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
-          <button *ngIf='edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
-          <button class="btn btn-study-cave ml-2" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
+          <button *ngIf='!edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
+          <button *ngIf='edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
+          <br />
+          <button class="button" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
         </div>
       </div>
     </div>
   </div>
-  
\ No newline at end of file
diff --git a/FrontEnd/src/app/tests/pairs-question/pairs-question.component.css b/FrontEnd/src/app/tests/pairs-question/pairs-question.component.css
index 2ea51f8..a8bb21c 100644
--- a/FrontEnd/src/app/tests/pairs-question/pairs-question.component.css
+++ b/FrontEnd/src/app/tests/pairs-question/pairs-question.component.css
@@ -4,7 +4,7 @@
 
 .container {
     background-color: #22272a;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
@@ -18,6 +18,23 @@
     align-content: center;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
+.min
+{
+  min-width: 150px;
+}
+
+.max
+{
+  font-size: x-large;
+}
+
 .wrapper {
     width: 100%;
     margin-bottom: 5rem;
@@ -25,4 +42,4 @@
 
 .align {
     text-align: center;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/tests/pairs-question/pairs-question.component.html b/FrontEnd/src/app/tests/pairs-question/pairs-question.component.html
index e464571..0aad222 100644
--- a/FrontEnd/src/app/tests/pairs-question/pairs-question.component.html
+++ b/FrontEnd/src/app/tests/pairs-question/pairs-question.component.html
@@ -31,7 +31,7 @@
             <div class="col-md-2">
               <b>Akcja</b>
               <br />
-              <button class="btn btn-study-cave" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
+              <button class="button min" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
             </div>
           </div>
           <br />
@@ -46,15 +46,16 @@
             <div class="col-md-2">
               <b>Akcja</b>
               <br />
-              <button class="btn btn-study-cave" type="button" (click)="addFieldValue()"><i class="fas fa-check-circle"></i> Dodaj</button>
+              <button class="button min" type="button" (click)="addFieldValue()"><i class="fas fa-check-circle"></i> Dodaj</button>
             </div>
           </div>
         </div>
         <br />
         <br />
-        <button *ngIf='!edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
-        <button *ngIf='edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
-        <button class="btn btn-study-cave ml-2" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
+        <button *ngIf='!edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
+        <button *ngIf='edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
+        <br />
+        <button class="button" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
       </div>
     </div>
   </div>
diff --git a/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.css b/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.css
index 438c0b0..942c4de 100644
--- a/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.css
+++ b/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.css
@@ -4,7 +4,7 @@
 
 .container {
     background-color: #22272a;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
@@ -18,6 +18,23 @@
     align-content: center;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
+.min
+{
+  min-width: 150px;
+}
+
+.max
+{
+  font-size: x-large;
+}
+
 .wrapper {
     width: 100%;
     margin-bottom: 5rem;
diff --git a/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.html b/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.html
index dbed39d..f2ffba2 100644
--- a/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.html
+++ b/FrontEnd/src/app/tests/puzzle-question/puzzle-question.component.html
@@ -27,13 +27,13 @@
               <div class="col-md-2">
                 <b>Akcja</b>
                 <br />
-                <button class="btn btn-study-cave" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
+                <button class="button min" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
               </div>
               <div class="mobile col-md-2">
                 <b>Przesuń</b>
                 <br />
-                <button *ngIf="i != 0" class="btn btn-study-cave" (click)="moveUp(i + 1)"><i class="fas fa-angle-up"></i> Góra</button>
-                <button *ngIf="i != answersCorrect.length - 1" class="btn btn-study-cave" (click)="moveDown(i + 1)"><i class="fas fa-angle-down"></i> Dół</button>
+                <button *ngIf="i != 0" class="button min" (click)="moveUp(i + 1)"><i class="fas fa-angle-up"></i> Góra</button>
+                <button *ngIf="i != answersCorrect.length - 1" class="button min" (click)="moveDown(i + 1)"><i class="fas fa-angle-down"></i> Dół</button>
                 <span *ngIf="(i == 0) && (i == answersCorrect.length - 1)" >---</span>
               </div>
             </div>
@@ -46,17 +46,17 @@
               <div class="col-md-2">
                 <b>Akcja</b>
                 <br />
-                <button class="btn btn-study-cave" type="button" (click)="addFieldValue()"><i class="fas fa-check-circle"></i> Dodaj</button>
+                <button class="button min" type="button" (click)="addFieldValue()"><i class="fas fa-check-circle"></i> Dodaj</button>
               </div>
             </div>
           </div>
           <br />
           <br />
-          <button *ngIf='!edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
-          <button *ngIf='edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
-          <button class="btn btn-study-cave ml-2" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
+          <button *ngIf='!edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
+          <button *ngIf='edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
+          <br />
+          <button class="button" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
         </div>
       </div>
     </div>
   </div>
-  
\ No newline at end of file
diff --git a/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.css b/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.css
index 2ea51f8..a8bb21c 100644
--- a/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.css
+++ b/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.css
@@ -4,7 +4,7 @@
 
 .container {
     background-color: #22272a;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
@@ -18,6 +18,23 @@
     align-content: center;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
+.min
+{
+  min-width: 150px;
+}
+
+.max
+{
+  font-size: x-large;
+}
+
 .wrapper {
     width: 100%;
     margin-bottom: 5rem;
@@ -25,4 +42,4 @@
 
 .align {
     text-align: center;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.html b/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.html
index 3065677..5e14c93 100644
--- a/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.html
+++ b/FrontEnd/src/app/tests/single-choice-question/single-choice-question.component.html
@@ -31,7 +31,7 @@
             <div class="col-md-3">
               <b>Akcja</b>
               <br />
-              <button class="btn btn-study-cave" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
+              <button class="button min" type="button" (click)="deleteFieldValue(i)"><i class="fas fa-trash-alt"></i> Usuń</button>
             </div>
           </div>
           <br />
@@ -47,15 +47,16 @@
             <div class="col-md-3">
               <b>Akcja</b>
               <br />
-              <button class="btn btn-study-cave" type="button" (click)="addFieldValue()"><i class="fas fa-check-circle"></i> Dodaj</button>
+              <button class="button min" type="button" (click)="addFieldValue()"><i class="fas fa-check-circle"></i> Dodaj</button>
             </div>
           </div>
         </div>
         <br />
         <br />
-        <button *ngIf='!edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
-        <button *ngIf='edit' class="btn btn-study-cave" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
-        <button class="btn btn-study-cave ml-2" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
+        <button *ngIf='!edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-check-circle"></i> Dodaj pytanie!</button>
+        <button *ngIf='edit' class="button max" type="submit" (click)="addTable()"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
+        <br />
+        <button class="button" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
       </div>
     </div>
   </div>
diff --git a/FrontEnd/src/app/tests/test-edit/test-edit.component.css b/FrontEnd/src/app/tests/test-edit/test-edit.component.css
index 7a4c3bc..a737c10 100644
--- a/FrontEnd/src/app/tests/test-edit/test-edit.component.css
+++ b/FrontEnd/src/app/tests/test-edit/test-edit.component.css
@@ -4,12 +4,13 @@ label {
 
 .container {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
 }
 
+
 .wrapper-add {
     width: 100%;
     display: flex;
@@ -18,6 +19,13 @@ label {
     margin-bottom: 4rem;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .wrapper {
     width: 100%;
     padding: 30px;
diff --git a/FrontEnd/src/app/tests/test-edit/test-edit.component.html b/FrontEnd/src/app/tests/test-edit/test-edit.component.html
index 6a52aa1..2510565 100644
--- a/FrontEnd/src/app/tests/test-edit/test-edit.component.html
+++ b/FrontEnd/src/app/tests/test-edit/test-edit.component.html
@@ -16,13 +16,13 @@
       <div *ngIf="!trueFalse && !singleChoice && !multipleChoice && !puzzle && !gaps && !pairs">
         <br />
         <h4>Wybierz rodzaj pytania:</h4>
-        <button class="btn btn-study-cave" (click)='show("true-false")'>Prawda/fałsz</button>
-        <button class="btn btn-study-cave" (click)='show("single-choice")'>Jednokrotny wybór</button>
-        <button class="btn btn-study-cave" (click)='show("multiple-choice")'>Wielokrotny wybór</button>
+        <button class="button" (click)='show("true-false")'>Prawda/fałsz</button>
+        <button class="button" (click)='show("single-choice")'>Jednokrotny wybór</button>
+        <button class="button" (click)='show("multiple-choice")'>Wielokrotny wybór</button>
         <br />
-        <button class="btn btn-study-cave" (click)='show("puzzle")'>Rozsypanka wyrazowa</button>
-        <button class="btn btn-study-cave" (click)='show("gaps")'>Uzupełnianie luk</button>
-        <button class="btn btn-study-cave" (click)='show("pairs")'>Łączenie w pary</button>
+        <button class="button" (click)='show("puzzle")'>Rozsypanka wyrazowa</button>
+        <button class="button" (click)='show("gaps")'>Uzupełnianie luk</button>
+        <button class="button" (click)='show("pairs")'>Łączenie w pary</button>
         <br />
         <br />
       </div>
@@ -77,10 +77,10 @@
                 class="mobile">{{ question.content.time }}</td>
               <td (click)='showComponents(question.content.type, question.nr)'
                   class="mobile">{{ question.shortcut }}</td>
-              <td><button class="btn btn-study-cave" (click)="delete(question.nr)"><i class="fas fa-trash-alt"></i> Usuń</button></td>
+              <td><button class="button min" (click)="delete(question.nr)"><i class="fas fa-trash-alt"></i> Usuń</button></td>
               <td class="mobile">
-                <button *ngIf="question.nr != 1" class="btn btn-study-cave" (click)="moveUp(question.nr)"><i class="fas fa-angle-up"></i> Góra</button>
-                <button *ngIf="question.nr != test.length" class="btn btn-study-cave" (click)="moveDown(question.nr)"><i class="fas fa-angle-down"></i> Dół</button>
+                <button *ngIf="question.nr != 1" class="button min" (click)="moveUp(question.nr)"><i class="fas fa-angle-up"></i> Góra</button>
+                <button *ngIf="question.nr != test.length" class="button min" (click)="moveDown(question.nr)"><i class="fas fa-angle-down"></i> Dół</button>
                 <span (click)='showComponents(question.content.type, question.nr)'
                       *ngIf="(question.nr == 1) && (question.nr == test.length)" >---</span>
               </td>
@@ -106,10 +106,10 @@
         <br />
       </div>
       <div *ngIf="(test.length != 0) && (!componentVisible)" >
-        <button class="btn btn-study-cave" (click)="save()"><i class="fas fa-edit"></i> Edytuj test!</button>
-        <button class="btn btn-study-cave ml-2" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
+        <button class="button max" style=" font-size: x-large;" (click)="save()"><i class="fas fa-edit"></i> Edytuj test!</button><br />
+        <button class="button" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
       </div>
-      <button *ngIf="!((test.length != 0) && (!componentVisible))" class="btn btn-study-cave" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
+      <button *ngIf="!((test.length != 0) && (!componentVisible))" class="button" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
     </div>
   </div>
 </div>
diff --git a/FrontEnd/src/app/tests/test-maker/test-maker.component.css b/FrontEnd/src/app/tests/test-maker/test-maker.component.css
index 7a4c3bc..d26a220 100644
--- a/FrontEnd/src/app/tests/test-maker/test-maker.component.css
+++ b/FrontEnd/src/app/tests/test-maker/test-maker.component.css
@@ -4,7 +4,7 @@ label {
 
 .container {
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
@@ -18,6 +18,13 @@ label {
     margin-bottom: 4rem;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .wrapper {
     width: 100%;
     padding: 30px;
diff --git a/FrontEnd/src/app/tests/test-maker/test-maker.component.html b/FrontEnd/src/app/tests/test-maker/test-maker.component.html
index 25c30b4..2e23f6a 100644
--- a/FrontEnd/src/app/tests/test-maker/test-maker.component.html
+++ b/FrontEnd/src/app/tests/test-maker/test-maker.component.html
@@ -16,13 +16,13 @@
         <div *ngIf="!trueFalse && !singleChoice && !multipleChoice && !puzzle && !gaps && !pairs">
           <br />
           <h4>Wybierz rodzaj pytania:</h4>
-          <button class="btn btn-study-cave" (click)='show("true-false")'>Prawda/fałsz</button>
-          <button class="btn btn-study-cave" (click)='show("single-choice")'>Jednokrotny wybór</button>
-          <button class="btn btn-study-cave" (click)='show("multiple-choice")'>Wielokrotny wybór</button>
+          <button class="button" (click)='show("true-false")'>Prawda/fałsz</button>
+          <button class="button" (click)='show("single-choice")'>Jednokrotny wybór</button>
+          <button class="button" (click)='show("multiple-choice")'>Wielokrotny wybór</button>
           <br />
-          <button class="btn btn-study-cave" (click)='show("puzzle")'>Rozsypanka wyrazowa</button>
-          <button class="btn btn-study-cave" (click)='show("gaps")'>Uzupełnianie luk</button>
-          <button class="btn btn-study-cave" (click)='show("pairs")'>Łączenie w pary</button>
+          <button class="button" (click)='show("puzzle")'>Rozsypanka wyrazowa</button>
+          <button class="button" (click)='show("gaps")'>Uzupełnianie luk</button>
+          <button class="button" (click)='show("pairs")'>Łączenie w pary</button>
           <br />
           <br />
         </div>
@@ -77,10 +77,10 @@
                   class="mobile">{{ question.content.time }}</td>
                 <td (click)='showComponents(question.content.type, question.nr)'
                     class="mobile">{{ question.shortcut }}</td>
-                <td><button class="btn btn-study-cave" (click)="delete(question.nr)"><i class="fas fa-trash-alt"></i> Usuń</button></td>
+                <td><button class="button" style="min-width: 150px;" (click)="delete(question.nr)"><i class="fas fa-trash-alt"></i> Usuń</button></td>
                 <td class="mobile">
-                  <button *ngIf="question.nr != 1" class="btn btn-study-cave" (click)="moveUp(question.nr)"><i class="fas fa-angle-up"></i> Góra</button>
-                  <button *ngIf="question.nr != test.length" class="btn btn-study-cave" (click)="moveDown(question.nr)"><i class="fas fa-angle-up"></i> Dół</button>
+                  <button *ngIf="question.nr != 1" class="button" style="min-width: 150px;" (click)="moveUp(question.nr)"><i class="fas fa-angle-up"></i> Góra</button>
+                  <button *ngIf="question.nr != test.length" class="button" style="min-width: 150px;" (click)="moveDown(question.nr)"><i class="fas fa-angle-up"></i> Dół</button>
                   <span (click)='showComponents(question.content.type, question.nr)'
                         *ngIf="(question.nr == 1) && (question.nr == test.length)" >---</span>
                 </td>
@@ -106,10 +106,10 @@
           <br />
         </div>
         <div *ngIf="(test.length != 0) && (!componentVisible)" >
-          <button class="btn btn-study-cave" (click)="save()"><i class="fas fa-check-circle"></i> Dodaj test!</button>
-          <button class="btn btn-study-cave ml-2" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
+          <button class="button" style="font-size: x-large;" (click)="save()"><i class="fas fa-check-circle"></i> Dodaj test!</button><br />
+          <button class="button" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
         </div>
-        <button *ngIf="!((test.length != 0) && (!componentVisible))" class="btn btn-study-cave" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
+        <button *ngIf="!((test.length != 0) && (!componentVisible))" class="button" routerLink="/tests/"><i class="fas fa-arrow-left"></i> Powrót</button>
       </div>
     </div>
 </div>
diff --git a/FrontEnd/src/app/tests/tests-list/tests-list.component.css b/FrontEnd/src/app/tests/tests-list/tests-list.component.css
index 722b21b..793ccff 100644
--- a/FrontEnd/src/app/tests/tests-list/tests-list.component.css
+++ b/FrontEnd/src/app/tests/tests-list/tests-list.component.css
@@ -7,7 +7,7 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -22,3 +22,10 @@ ag-grid-angular{
 .buttons-container > div{
     margin: 10px;
 }
+
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
diff --git a/FrontEnd/src/app/tests/tests-list/tests-list.component.html b/FrontEnd/src/app/tests/tests-list/tests-list.component.html
index 6a531a5..69c1304 100644
--- a/FrontEnd/src/app/tests/tests-list/tests-list.component.html
+++ b/FrontEnd/src/app/tests/tests-list/tests-list.component.html
@@ -4,7 +4,7 @@
     <br />
     <div class="buttons-container">
       <div *ngIf="logged">
-        <button class="btn btn-study-cave" (click)="toTestMaker()"><i class="fas fa-plus"></i> Dodaj test</button>
+        <button class="button" (click)="toTestMaker()"><i class="fas fa-plus"></i> Dodaj test</button>
       </div>
       <div *ngIf="logged" class="btn-group btn-group-toggle" data-toggle="buttons">
         <label class="btn btn-study-cave active" (click)="getPublicTestsData()">
@@ -18,7 +18,7 @@
     <br />
     <ag-grid-angular style="width: 100%; height: 475px;" class="ag-theme-dark" [rowData]="tests" [columnDefs]="columnDefs" [enableSorting]="true"
       [enableFilter]="true" (gridReady)="onGridReady($event)" (gridSizeChanged)="onGridSizeChanged($event)" [gridOptions]="gridOptions"
-      [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText" 
+      [pagination]="true" [paginationAutoPageSize]="true" (rowClicked)="onRowClicked($event)" [localeText]="localeText"
       (gridColumnsChanged)="onGidColumnsChanged($event)">
     </ag-grid-angular>
 
@@ -30,4 +30,4 @@
         <button type="button" pButton icon="pi pi-close" (click)="display=false" label="NIE" class="ui-button-secondary"></button>
     </p-footer>
 </p-dialog>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/tests/true-false-question/true-false-question.component.css b/FrontEnd/src/app/tests/true-false-question/true-false-question.component.css
index 1fb2393..97b7b25 100644
--- a/FrontEnd/src/app/tests/true-false-question/true-false-question.component.css
+++ b/FrontEnd/src/app/tests/true-false-question/true-false-question.component.css
@@ -4,7 +4,7 @@
 
 .container {
     background-color: #22272a;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 1rem;
     text-align: center;
@@ -18,6 +18,13 @@
     align-content: center;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .wrapper {
     width: 100%;
     margin-bottom: 5rem;
diff --git a/FrontEnd/src/app/tests/true-false-question/true-false-question.component.html b/FrontEnd/src/app/tests/true-false-question/true-false-question.component.html
index fac8dc4..6fefd87 100644
--- a/FrontEnd/src/app/tests/true-false-question/true-false-question.component.html
+++ b/FrontEnd/src/app/tests/true-false-question/true-false-question.component.html
@@ -29,10 +29,11 @@
         </label>
         <br />
         <br />
-        <button *ngIf='!edit' class="btn btn-study-cave" type="submit"><i class="fas fa-check-circle"></i>Dodaj pytanie!</button>
-        <button *ngIf='edit' class="btn btn-study-cave" type="submit"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
-        <button class="btn btn-study-cave ml-2" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
+        <button *ngIf='!edit' class="button max" style="font-size: x-large;" type="submit"><i class="fas fa-check-circle"></i>Dodaj pytanie!</button>
+        <button *ngIf='edit' class="button max" style="font-size: x-large;" type="submit"><i class="fas fa-edit"></i> Edytuj pytanie!</button>
+        <br />
+        <button class="button" (click)="empty()"><i class="fas fa-arrow-left"></i> Powrót</button>
       </form>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/user/bagdes/bagdes.component.css b/FrontEnd/src/app/user/bagdes/bagdes.component.css
index 662beee..e6e052c 100644
--- a/FrontEnd/src/app/user/bagdes/bagdes.component.css
+++ b/FrontEnd/src/app/user/bagdes/bagdes.component.css
@@ -12,12 +12,19 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+}
+
 .locked{
     opacity: 0.3;
 }
@@ -59,4 +66,4 @@ p {
     width: 60px;
     height: 60px;
     padding: 5px;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/user/bagdes/bagdes.component.html b/FrontEnd/src/app/user/bagdes/bagdes.component.html
index caefd9d..d8c866c 100644
--- a/FrontEnd/src/app/user/bagdes/bagdes.component.html
+++ b/FrontEnd/src/app/user/bagdes/bagdes.component.html
@@ -1,7 +1,7 @@
 <div class="wrapper">
   <div class="content">
     <h1>Twoje odznaki!</h1>
-    <button type="submit" class="btn btn-study-cave" (click)="goBack()"><i class="fas fa-arrow-left"></i> Wróć do profilu</button>
+    <button type="submit" class="button" (click)="goBack()"><i class="fas fa-arrow-left"></i> Wróć do profilu</button>
     <br /><br />
     <div class="badges">
     <div *ngFor="let badge of badges">
@@ -11,4 +11,4 @@
     </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/user/edit-user/edit-user.component.css b/FrontEnd/src/app/user/edit-user/edit-user.component.css
index e710b66..da4d524 100644
--- a/FrontEnd/src/app/user/edit-user/edit-user.component.css
+++ b/FrontEnd/src/app/user/edit-user/edit-user.component.css
@@ -14,6 +14,14 @@ input.ng-untouched {
     border-color: rgb(206, 212, 218);
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+  min-width: 200px;
+}
+
 .wrapper{
     width: 100%;
     padding: 30px;
@@ -23,8 +31,8 @@ input.ng-untouched {
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/user/edit-user/edit-user.component.html b/FrontEnd/src/app/user/edit-user/edit-user.component.html
index 0384546..552716e 100644
--- a/FrontEnd/src/app/user/edit-user/edit-user.component.html
+++ b/FrontEnd/src/app/user/edit-user/edit-user.component.html
@@ -62,11 +62,11 @@
 
           <div class="col-xs-12 col-sm-6 col-md-6 centerMargin">
             <div class="row">
-              <button type="submit" class="btn btn-study-cave centerMargin"><i class="fas fa-check-circle"></i> Potwierdź</button>
+              <button type="submit" class="button centerMargin"><i class="fas fa-check-circle"></i> Potwierdź</button>
             </div>
           </div>
         </div>
       </div>
     </form>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/user/register/register.component.css b/FrontEnd/src/app/user/register/register.component.css
index e710b66..da4d524 100644
--- a/FrontEnd/src/app/user/register/register.component.css
+++ b/FrontEnd/src/app/user/register/register.component.css
@@ -14,6 +14,14 @@ input.ng-untouched {
     border-color: rgb(206, 212, 218);
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+  min-width: 200px;
+}
+
 .wrapper{
     width: 100%;
     padding: 30px;
@@ -23,8 +31,8 @@ input.ng-untouched {
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
-}
\ No newline at end of file
+}
diff --git a/FrontEnd/src/app/user/register/register.component.html b/FrontEnd/src/app/user/register/register.component.html
index 0ca7a97..0c597aa 100644
--- a/FrontEnd/src/app/user/register/register.component.html
+++ b/FrontEnd/src/app/user/register/register.component.html
@@ -60,11 +60,11 @@
 
           <div class="col-xs-12 col-sm-6 col-md-6 centerMargin">
             <div class="row">
-              <button type="submit" class="btn btn-study-cave centerMargin"><i class="fas fa-check-circle"></i> Zarejestruj się</button>
+              <button type="submit" class="button centerMargin"><i class="fas fa-check-circle"></i> Zarejestruj się</button>
             </div>
           </div>
         </div>
       </div>
     </form>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/app/user/user/user.component.css b/FrontEnd/src/app/user/user/user.component.css
index 7d0fb54..30e2bd5 100644
--- a/FrontEnd/src/app/user/user/user.component.css
+++ b/FrontEnd/src/app/user/user/user.component.css
@@ -7,7 +7,7 @@
 
 .content{
     background-color: #181616;
-    padding: 30px; 
+    padding: 30px;
     margin-top: 2rem;
     margin-bottom: 2rem;
     text-align: center;
@@ -15,6 +15,14 @@
     margin-right: auto;
 }
 
+.button{
+  font-size: large;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: 10px;
+  min-width: 200px;
+}
+
 .profile{
     display: flex;
     flex-direction: row;
diff --git a/FrontEnd/src/app/user/user/user.component.html b/FrontEnd/src/app/user/user/user.component.html
index e78a84f..1fd962e 100644
--- a/FrontEnd/src/app/user/user/user.component.html
+++ b/FrontEnd/src/app/user/user/user.component.html
@@ -1,8 +1,8 @@
 <div class="wrapper">
   <div class="content">
     <h1>Twój profil</h1>
-    <button type="submit" class="btn btn-study-cave" (click)="edit()"><i class="fas fa-edit"></i> Edytuj</button>
-    <button type="submit" class="btn btn-study-cave" (click)="gotoBadges()"><i class="fas fa-book-open"></i> Odznaki</button>
+    <button type="submit" class="button" (click)="edit()"><i class="fas fa-edit"></i> Edytuj</button>
+    <button type="submit" class="button" (click)="gotoBadges()"><i class="fas fa-book-open"></i> Odznaki</button>
 
     <div class="profile">
       <div class="profile-headers">
@@ -20,4 +20,4 @@
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/FrontEnd/src/styles.css b/FrontEnd/src/styles.css
index 65d6b22..5dc6355 100644
--- a/FrontEnd/src/styles.css
+++ b/FrontEnd/src/styles.css
@@ -160,6 +160,17 @@ label.btn-study-cave {
   outline: none;
 }
 
+
+.min
+{
+  min-width: 150px;
+}
+
+.max
+{
+  font-size: x-large;
+}
+
 .button:hover
 {
   background-color: orange;
@@ -257,7 +268,7 @@ button:hover, a:hover {
     .ag-theme-dark {
         font-size: 16px !important;
     }
-    
+
     .ag-header {
         font-size: 16px !important;
     }
@@ -268,7 +279,7 @@ button:hover, a:hover {
     .ag-theme-dark {
         font-size: 14px !important;
     }
-    
+
     .ag-header {
         font-size: 14px !important;
 
@@ -277,5 +288,5 @@ button:hover, a:hover {
     .ag-paging-panel {
         font-size: 12px !important;
     }
-    
-}
\ No newline at end of file
+
+}