add Avatar to modals

3 files changed, 17 insertions, 4 deletions

diff --git a/rannak/mangud/uliopilane/tSark/img/avatar.png b/rannak/mangud/uliopilane/tSark/img/avatar.png
new file mode 100644
index 0000000..dd044fd
--- /dev/null
+++ b/rannak/mangud/uliopilane/tSark/img/avatar.png
diff --git a/rannak/mangud/uliopilane/tSark/index.html b/rannak/mangud/uliopilane/tSark/index.html
index 9fcbef6..789ad8f 100644
--- a/rannak/mangud/uliopilane/tSark/index.html
+++ b/rannak/mangud/uliopilane/tSark/index.html
@@ -27,10 +27,10 @@
         <div class="modal-content">
 
           <div class="modal-header">
-            <h5 class="modal-title" id="myModalLabel">Sissejuhatav info T-särgi Mängule</h5>
-            <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">&times;</span>
-            </button>
+            <div class="modalHeaderWrapper">
+              <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
+            </div>
+            <img class="avatar" alt="avatar" src="img/avatar.png"/>
           </div>
 
           <div class="modal-body">
diff --git a/rannak/mangud/uliopilane/tSark/style.css b/rannak/mangud/uliopilane/tSark/style.css
index ff8a478..9696ffc 100644
--- a/rannak/mangud/uliopilane/tSark/style.css
+++ b/rannak/mangud/uliopilane/tSark/style.css
@@ -61,6 +61,19 @@ button:disabled{
 
 
 /* Modal Stuff */
+
+.avatar {
+    border-radius: 20px;
+    width: 100% !important;
+}
+
+.modalHeaderWrapper{
+    text-align: center;
+    margin: 0 !important;
+    width: 100% !important;
+}
+
+
 .modal{
     color: black !important;
 }