add Avatar to modals

3 files changed, 16 insertions, 4 deletions

diff --git a/rannak/mangud/perenaine/memori/img/avatar.png b/rannak/mangud/perenaine/memori/img/avatar.png
new file mode 100644
index 0000000..60987d3
--- /dev/null
+++ b/rannak/mangud/perenaine/memori/img/avatar.png
diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html
index 240a48e..c8fd288 100644
--- a/rannak/mangud/perenaine/memori/index.html
+++ b/rannak/mangud/perenaine/memori/index.html
@@ -32,10 +32,10 @@
       <div class="modal-content">
 
         <div class="modal-header">
-          <h5 class="modal-title" id="myModalLabel">Sissejuhatus</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/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css
index aed2515..6a29459 100644
--- a/rannak/mangud/perenaine/memori/style.css
+++ b/rannak/mangud/perenaine/memori/style.css
@@ -33,6 +33,18 @@ button:disabled{
 
 /* Modal Stuff */
 
+.avatar {
+    border-radius: 20px;
+    width: 100% !important;
+}
+
+.modalHeaderWrapper{
+    text-align: center;
+    margin: 0 !important;
+    width: 100% !important;
+}
+
+
 
 .closeModalButton {
   border-radius: 50px;