Replaced the fancy `a` tag css with more structured css

css/hesk_newStyle.css

@@ -131,25 +131,43 @@ div.blankSpace {
 div.footerWithBorder {
     border-top: 1px solid #cfd4d6;
 }
-a.block {
-    background-repeat: no-repeat;
-    height: 115px;
-    background-position: 50% 12px;
-    padding: 55px 2px 10px;
-    font-weight: 400;
-    text-align: center;
-    width: 115px;
-    cursor: pointer;
-    clear: none;
+
+.blockRow > a:hover {
+    text-decoration: none;
+}
+
+.block {
+    height: 114px;
+    width: 114px;
     display: inline-block;
     border: 1px solid #c9cfd7;
     background-color: #fff;
     border-radius: 4px;
-    line-height: 14px;
-    margin: 0 6px 6px 0;
     font-size: .83em;
+    margin-right: 5px;
+}
+
+.block > .upper {
+    height:57px;
+    padding-top:10px;
+}
+
+.block > .upper > img {
+    padding-top:5px;
+    padding-bottom:5px;
+    padding-left:41px;
+}
+
+.block > .lower {
+    height:57px;
+    text-align:center;
+}
+
+.block > .lower > p:hover {
+    text-decoration: underline;
 }
-a.block:hover {
+
+div.block:hover {
     background-color: #e9ecef;
 }
 div.rightSideDash {

index.php

@@ -768,17 +768,46 @@ function print_start()
 					echo ' ';
 				}
 				?>
-				<a href="index.php?a=add" class="block" style="background-image: URL('img/newTicket.png');"><?php echo $hesklang['sub_support']; ?></a>
-				<a href="ticket.php" class="block" style="background-image: URL('img/viewTicket.png');"><?php echo $hesklang['view_existing']; ?></a>
-				
+            <div class="blockRow">
+                <a href="index.php?a=add">
+                    <div class="block">
+                        <div class="upper">
+                            <img src="img/newTicket.png" alt="<?php echo $hesklang['sub_support']; ?>" />
+                        </div>
+                        <div class="lower">
+                            <p><?php echo $hesklang['sub_support']; ?></p>
+                        </div>
+                    </div>
+                </a>
+                <a href="ticket.php">
+                    <div class="block">
+                        <div class="upper">
+                            <img src="img/viewTicket.png" alt="<?php echo $hesklang['view_existing']; ?>" />
+                        </div>
+                        <div class="lower">
+                            <p><?php echo $hesklang['view_existing']; ?></p>
+                        </div>
+                    </div>
+                </a>
                 <?php
                 if ($hesk_settings['kb_enable'])
-				{ ?>
-				<a href="knowledgebase.php" class="block" style="background-image: URL('img/knowledgebase.png');"><?php echo $hesklang['kb_text']; ?></a>
+                {
+                ?>
+                <a href="knowledgebase.php">
+                    <div class="block">
+                        <div class="upper">
+                            <img src="img/knowledgebase.png" alt="<?php echo $hesklang['kb_text']; ?>" />
+                        </div>
+                        <div class="lower">
+                            <p><?php echo $hesklang['kb_text']; ?></p>
+                        </div>
+                    </div>
+                </a>
                 <?php
                 } ?>
             </div>
 		</div>
+	</div>
 	<div class="blankSpace"></div>
 	<div class="footerWithBorder"></div>
 	<div class="blankSpace"></div>