From e5070eb88e0cb127df14f1c53e4962d3919e76de Mon Sep 17 00:00:00 2001
From: Rasmus Luha <rasmus.luha@gmail.com>
Date: Tue, 10 Jan 2023 15:55:53 +0200
Subject: add Avatar to modals

---
 rannak/mangud/partorg/kuulsused/index.html        |   8 ++++----
 rannak/mangud/partorg/kuulsused/pildid/avatar.png | Bin 0 -> 657556 bytes
 rannak/mangud/partorg/kuulsused/styles.css        |  10 ++++++++++
 3 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 rannak/mangud/partorg/kuulsused/pildid/avatar.png

(limited to 'rannak/mangud/partorg/kuulsused')

diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html
index 221580b..4dfe755 100644
--- a/rannak/mangud/partorg/kuulsused/index.html
+++ b/rannak/mangud/partorg/kuulsused/index.html
@@ -37,10 +37,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="pildid/avatar.png"/>
           </div>
 
           <div class="modal-body">
diff --git a/rannak/mangud/partorg/kuulsused/pildid/avatar.png b/rannak/mangud/partorg/kuulsused/pildid/avatar.png
new file mode 100644
index 0000000..485a70c
Binary files /dev/null and b/rannak/mangud/partorg/kuulsused/pildid/avatar.png differ
diff --git a/rannak/mangud/partorg/kuulsused/styles.css b/rannak/mangud/partorg/kuulsused/styles.css
index 7c8f16e..79b5177 100644
--- a/rannak/mangud/partorg/kuulsused/styles.css
+++ b/rannak/mangud/partorg/kuulsused/styles.css
@@ -6,6 +6,16 @@
     margin-bottom: 20px !important;
 }
                 
+.avatar {
+    border-radius: 20px;
+    width: 100% !important;
+}
+
+.modalHeaderWrapper{
+    text-align: center;
+    margin: 0 !important;
+    width: 100% !important;
+}
 
 .moveOn{
     display: inline-block;
-- 
cgit v1.2.3