fixed pagination breaking on tablets

frontend/src/components/Packages.vue

@@ -3,7 +3,7 @@
     <h5 class="text-h5 mb-4">Packages</h5>
 
     <v-row :style="mobile ? '' : 'height: 60px'" width="100%">
-      <v-col class="v-col-12 v-col-sm-4 v-col-lg-2">
+      <v-col class="v-col-12 v-col-sm-2 v-col-lg-2">
         <v-text-field
           v-model="inputPkgBase"
           clearable
@@ -12,7 +12,7 @@
           variant="outlined"></v-text-field>
       </v-col>
 
-      <v-col class="v-col-12 v-col-sm-4 v-col-lg-2 mt-n6 mt-sm-0">
+      <v-col class="v-col-12 v-col-sm-2 v-col-lg-2 mt-n6 mt-sm-0">
         <v-select
           v-model="selectRepo"
           :items="selectRepoItems"
@@ -26,7 +26,7 @@
           variant="outlined"></v-select>
       </v-col>
 
-      <v-col class="v-col-12 v-col-sm-4 v-col-lg-3 mt-n6 mt-sm-0">
+      <v-col class="v-col-12 v-col-sm-2 v-col-lg-3 mt-n6 mt-sm-0">
         <v-select
           v-model="selectStatus"
           :items="selectStatusItems"
@@ -42,7 +42,7 @@
           variant="outlined"></v-select>
       </v-col>
 
-      <v-col class="v-col-12 v-col-sm-4 v-col-lg-2 mt-n6 mt-sm-0">
+      <v-col class="v-col-12 v-col-sm-2 v-col-lg-2 mt-n6 mt-sm-0">
         <v-switch v-model="enableExact" color="primary" label="Exact search"></v-switch>
       </v-col>
 
@@ -50,7 +50,7 @@
         <v-pagination
           v-model="page"
           :length="pagesMax"
-          :total-visible="mobile ? undefined : 4"
+          :total-visible="mobile ? undefined : 3"
           active-color="primary"
           density="comfortable"
           start="1"