From 2fc971d775cfe3fe57e32d39d17296c05e5e3034 Mon Sep 17 00:00:00 2001
From: Nwoye Chinedu <nwoye.chinedu@gmail.com>
Date: Sun, 14 Jul 2024 02:07:19 +0200
Subject: [PATCH] Update index.html

---
 index.html | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 94cb90b..6def308 100644
--- a/index.html
+++ b/index.html
@@ -169,6 +169,10 @@
             /*animation: rotate3D 5s linear infinite;*/
         }
 
+        .survey img {
+          float: right;
+        }
+
     </style>
 </head>
 
@@ -593,17 +597,20 @@ <h2 class="title is-3">Survey </h2>
             <div class="columns is-centered has-text-centered">
                 <div class="column is-four-fifths">
                     <div class="content has-text-justified">
-                        <b> 
-                            <ul>
-                                <li>Do you have medical knowledge? </li>
-                                <li>Do you know about laparoscopic cholecystectomy?</li>
-                                <li>Can you differentiate AI generated surgical images from the real one? </li>
-                                <li>Take the test <a href="https://bit.ly/endgen" style="color:blue">here !</a>. </li>                          
-                                <li><a href="leaderboard.html" style="color:green">View your performance afterward</a> </li>
-                                <li>And not forgetting that you effort will be acknowledged.</li>
-                            </ul>
-                            <img src="static/images/qr-code.png" width="25%" style="float: left; margin-left: 20px; max-width: 200px; height: auto; align-self: flex-start;" />  
-                        </b>
+                        <div class="survey">
+                            <img src="static/images/qr-code.png" width="25%" style="margin-left: 20px; max-width: 200px; height: auto; align-self: flex-start;" />  
+                            <b> 
+                                <ul>
+                                    <li>Do you have medical knowledge? </li>
+                                    <li>Do you know about laparoscopic cholecystectomy?</li>
+                                    <li>Can you differentiate AI generated surgical images from the real one? </li>
+                                    <li>Take the test <a href="https://bit.ly/endgen" style="color:blue">here !</a>. </li>                          
+                                    <li><a href="leaderboard.html" style="color:green">View your performance afterward</a>... </li>
+                                    <li>And not forgetting that you effort will be acknowledged.</li>
+                                </ul>
+                            </b>
+                        
+                        </div>
                     </div>
                 </div>
             </div>