Mobile fixes

app/http/endpoints/api/autoclose/autoclosepost.go

@@ -39,7 +39,6 @@ func PostAutoClose(ctx *gin.Context) {
 	}
 
 	// Time period cannot be negative, convertFromAutoCloseBody will not allow
-
 	if (settings.SinceOpenWithNoResponse != nil && *settings.SinceOpenWithNoResponse > maxLength) ||
 		(settings.SinceLastMessage != nil && *settings.SinceLastMessage > maxLength) {
 		ctx.JSON(400, utils.ErrorStr("Time period cannot be longer than %d days", maxDays))

frontend/src/components/form/Duration.svelte

@@ -58,7 +58,7 @@
     input {
         border-top-right-radius: 0 !important;
         border-bottom-right-radius: 0 !important;
-        width: 100px;
+        width: 100%;
         -moz-appearance: textfield;
     }
 

frontend/src/components/manage/AutoCloseCard.svelte

@@ -9,7 +9,7 @@
         <Checkbox col4={true} label="Enabled" bind:value={data.enabled}/>
         <Checkbox col4={true} label="Close On User Leave" bind:value={data.on_user_leave}/>
       </div>
-      <div class="row">
+      <div class="row" style="justify-content: space-between">
         <div class="col-2" style="flex-direction: row">
           <Duration label="Since Open With No Response" badge="Premium" disabled={!isPremium}
                     bind:days={sinceOpenDays} bind:hours={sinceOpenHours} bind:minutes={sinceOpenMinutes}/>
@@ -42,6 +42,12 @@
         height: 100%;
     }
 
+    @media only screen and (max-width: 950px) {
+        .row {
+            flex-direction: column;
+        }
+    }
+
     .form-wrapper > .row:not(:last-child) {
         margin-bottom: 1%;
     }