feat(style): mobile tweaks

Signed-off-by: Nikurasu <publicmail@nikurasu.gay>

src/app/controller/attendies_controller.go

@@ -99,6 +99,10 @@ func GetAttendiesByEventPublicTable(c *fiber.Ctx) error {
 			MessageID:   "AfterParty",
 			PluralCount: 1,
 		}),
+		"Event": localizer.MustLocalize(&i18n.LocalizeConfig{
+			MessageID:   "Event",
+			PluralCount: 1,
+		}),
 	}
 	return c.Render("app/views/index", fiber.Map{
 		"EventName": *(event).Name,

src/app/static/styles/style.css

@@ -41,4 +41,13 @@ tbody>tr:nth-child(odd) {
 
 .tdred {
     background-color: #ff6e6e;
+}
+
+.tableWrapper {
+    overflow-x: auto;
+    transform: rotate(180deg);
+}
+
+.tableWrapper table {
+    transform: rotate(180deg);
 }

src/app/views/regularstable.html

@@ -1,6 +1,7 @@
 {{ define "regularstable" }}
 <h1 class="textWhite">{{ .EventName }} {{ .Locals.Attendie }}</h1>
 <h2 class="textWhite">{{ .Locals.Registered }}</h2>
+<div class="tableWrapper">
 <table>
     <thead>
         <tr class="tableHeading">
@@ -46,4 +47,5 @@
         {{end}}
     </tbody>
 </table>
+</div>
 {{end}}

src/app/views/specialEvent.html

@@ -1,6 +1,7 @@
 {{ define "specialEvent" }}
 <h1 class="textWhite">{{ .EventName }} {{ .Locals.Attendie }}</h1>
 <h2 class="textWhite">{{ .Locals.Registered }}</h2>
+<div class="tableWrapper">
 <table>
     <thead>
         <tr class="tableHeading">
@@ -29,4 +30,5 @@
         {{end}}
     </tbody>
 </table>
+</div>
 {{end}}

src/app/views/specialEventRoles.html

@@ -1,6 +1,7 @@
 {{define "specialEventRoles"}}
 <h1 class="textWhite">{{ .EventName }} {{ .Locals.Attendie }}</h1>
 <h2 class="textWhite">{{ .Locals.Registered }}</h2>
+<div class="tableWrapper">
 <table>
     <thead>
         <tr class="tableHeading">
@@ -63,5 +64,6 @@
         {{end}}
     </tbody>
 </table>
+</div>
 {{end}}
 {{end}}

src/app/views/suitwalk.html

@@ -1,6 +1,7 @@
 {{define "suitwalk"}}
 <h1 class="textWhite">{{ .EventName }} {{ .Locals.Attendie }}</h1>
 <h2 class="textWhite">{{ .Locals.Registered }}</h2>
+<div class="tableWrapper">
 <table>
     <thead>
         <tr class="tableHeading">
@@ -80,5 +81,6 @@
         {{end}}
     </tbody>
 </table>
+</div>
 {{ end }}
 {{end}}