From 30967af8eca5c43dee1e85e12551402f8a50ce17 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 15 Oct 2024 19:19:16 +0200
Subject: [PATCH] Fixup most mobile issues for eventlog

---
 dashboard/public/views/eventlog.html | 3 +--
 dashboard/src/theme.scss             | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/dashboard/public/views/eventlog.html b/dashboard/public/views/eventlog.html
index 0ec236627..07950de8f 100644
--- a/dashboard/public/views/eventlog.html
+++ b/dashboard/public/views/eventlog.html
@@ -14,8 +14,7 @@
       <!-- <select class="form-control" ng-model="action" ng-options="a.name for a in actions" ng-change="updateFilter()">
         <option value="">-- All actions --</option>
       </select> -->
-    </div>
-    <div class="pagination pull-right">
+      <div style="flex-grow: 1;"></div>
       <button class="btn btn-default btn-outline" ng-click="refresh()"><i class="fas fa-sync-alt" ng-class="{ 'fa-spin': busyRefresh }"></i></button>
       <button class="btn btn-default btn-outline" ng-click="showPrevPage()" ng-disabled="busy || currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
       <button class="btn btn-default btn-outline" ng-click="showNextPage()" ng-disabled="busy || pageItems.value > eventLogs.length">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
diff --git a/dashboard/src/theme.scss b/dashboard/src/theme.scss
index efe3b7336..0476709f2 100644
--- a/dashboard/src/theme.scss
+++ b/dashboard/src/theme.scss
@@ -1732,10 +1732,10 @@ div:hover > .picture-edit-indicator {
 // ----------------------------
 
 .eventlog-filter {
-    display: inline-block;
-    padding-left: 0;
+    display: flex;
+    gap: 5px;
+    flex-wrap: wrap;
     margin: 20px 0;
-    border-radius: 2px;
 
     .form-control {
         display: inline-block;