Fix invalid HTML: <a> never contains block elements

diff --git a/static/css/style.css b/static/css/style.css
index afc1b97ebec2ee726dba2030a8388038fe1d02b8..550ceb6fac778d2a44f20da145e1daf8203458ee 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -191,7 +191,7 @@ hr {
     background-color: var(--box-hover-color);
 }
 
-.box div{
+.box span {
     position: relative;
     top: initial;
     font-size: 20px;
@@ -237,13 +237,13 @@ hr {
         margin: 0 .5em;
     }
 
-    .box div {
+    .box span {
         font-size: 22px;
         line-height: 22px;
         padding-left: 8px;
-        font-weight: 700;
+        font-weight: bold;
         position: relative;
-        display: inline;
+        display: inline-block;
         text-align: center;
     }
 

diff --git a/templates/index.html b/templates/index.html
index c084724cd933ebc044353cb6f59f38c7d011ba75..a931b5e60a63b51506a8c930dd8ecb6a70d04f2f 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,15 +7,15 @@
     <div class="box-container">
         <a class="box" href="{{ url_for("kb/index/chat") }}">
             <i class="fa fa-comment fa-4x"></i>
-            <div>Chat</div>
+            <span>Chat</span>
         </a>
         <a class="box" href="#">
             <i class="fa fa-users fa-4x"></i>
-            <div>Register a group</div>
+            <span>Register a group</span>
         </a>
         <a class="box" href="{{ url_for("kb/index/tech") }}">
             <i class="fa fa-question fa-4x"></i>
-            <div>FAQ</div>
+            <span>FAQ</span>
         </a>
     </div>
 </div>