Update calendar layout and structure in HTML to 4 columns

Author: How To Play PS4 On Laptop

app/views/frontend_static_pages/ads/_calendar.html.erb

@@ -4,9 +4,11 @@
 <!-- ************************************************** -->
 <!-- BEGIN GENERATED CODE.... -->
 <!-- ************************************************** -->
+<div class="calendar-flex-container">
+<div class="year-column">
 <table class="year">
-<tr>
 <tr class="year"><th colspan="2" class="year">2026</th></tr>
+<tr>
 <td id="keycell">
 <!-- ))))) **GENERATED CODE, DO NOT EDIT CALENDAR BY HAND!!!** ((((( -->
 <table id="key"><tr><td><span id="issuekey">&#9632;</span>&nbsp;issue dates</td></tr><tr><td><span id="specialkey">&#9632;</span>&nbsp;special issues</td></tr></table>
@@ -24,7 +26,8 @@
 <tr class="month"><td class="month sun">28</td><td class="month mon">29</td><td class="month tue">30</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td>
 </table>
 </td>
-</tr><tr>
+</tr>
+<tr>
 <td class="year"><table class="month">
 <tr><th colspan="7" class="month">July</th></tr>
 <tr><td class="month dayname sun">S</th><td class="month dayname mon">M</th><td class="month dayname tue">T</th><td class="month dayname wed">W</th><td class="month dayname thu">T</th><td class="month dayname fri">F</th><td class="month dayname sat">S</th></tr>
@@ -52,7 +55,8 @@
 <tr class="month"><td class="month sun">30</td><td class="month mon">31</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td>
 </table>
 </td>
-</tr><tr>
+</tr>
+<tr>
 <td class="year"><table class="month">
 <tr><th colspan="7" class="month">September</th></tr>
 <tr><td class="month dayname sun">S</th><td class="month dayname mon">M</th><td class="month dayname tue">T</th><td class="month dayname wed">W</th><td class="month dayname thu">T</th><td class="month dayname fri">F</th><td class="month dayname sat">S</th></tr>
@@ -79,7 +83,8 @@
 <tr class="month"><td class="month sun">25</td><td class="month mon">26</td><td class="month tue">27</td><td class="month wed">28</td><td class="month thu">29</td><td class="month fri">30</td><td class="month sat">31</td>
 </table>
 </td>
-</tr><tr>
+</tr>
+<tr>
 <td class="year"><table class="month">
 <tr><th colspan="7" class="month">November</th></tr>
 <tr><td class="month dayname sun">S</th><td class="month dayname mon">M</th><td class="month dayname tue">T</th><td class="month dayname wed">W</th><td class="month dayname thu">T</th><td class="month dayname fri">F</th><td class="month dayname sat">S</th></tr>
@@ -106,7 +111,12 @@
 <tr class="month"><td class="month sun">27</td><td class="month mon">28</td><td class="month tue">29</td><td class="month wed">30</td><td class="month thu">31</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td>
 </table>
 </td>
-</tr><tr class="year"><th colspan="2" class="year">2027</th></tr>
+</tr>
+</table>
+</div>
+<div class="year-column">
+<table class="year">
+<tr class="year"><th colspan="2" class="year">2027</th></tr>
 <tr>
 <td class="year"><table class="month">
 <tr><th colspan="7" class="month">January</th></tr>
@@ -135,7 +145,8 @@
 <tr class="month"><td class="month sun">28</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td>
 </table>
 </td>
-</tr><tr>
+</tr>
+<tr>
 <td class="year"><table class="month">
 <tr><th colspan="7" class="month">March</th></tr>
 <tr><td class="month dayname sun">S</th><td class="month dayname mon">M</th><td class="month dayname tue">T</th><td class="month dayname wed">W</th><td class="month dayname thu">T</th><td class="month dayname fri">F</th><td class="month dayname sat">S</th></tr>
@@ -162,7 +173,8 @@
 <tr class="month"><td class="month sun">25</td><td class="month mon">26</td><td class="month tue">27</td><td class="month wed">28</td><td class="month thu issue">29</td><td class="month fri">30</td><td class="month noday">&nbsp;</td>
 </table>
 </td>
-</tr><tr>
+</tr>
+<tr>
 <td class="year"><table class="month">
 <tr><th colspan="7" class="month">May</th></tr>
 <tr><td class="month dayname sun">S</th><td class="month dayname mon">M</th><td class="month dayname tue">T</th><td class="month dayname wed">W</th><td class="month dayname thu">T</th><td class="month dayname fri">F</th><td class="month dayname sat">S</th></tr>
@@ -177,6 +189,10 @@
 <tr class="month"><td class="month sun">30</td><td class="month mon">31</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td><td class="month noday">&nbsp;</td>
 </table>
 </td><td></td>
-</tr></table>
+</tr>
+</table>
+</div>
+</div>
+
 <!-- ************************************************** -->
 <!-- END GENERATED CODE! -->