From 5c41afdccd69f5fd94ca5f93b5d564f116209cdf Mon Sep 17 00:00:00 2001
From: Samyak Gaur <samyakgaur@yahoo.com>
Date: Wed, 27 May 2020 13:23:40 +0530
Subject: [PATCH] window: Responsive fixes for main window.

Fixes: #963.
---
 app/main/index.ts               |  2 +-
 app/renderer/css/preference.css | 23 ++++++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/app/main/index.ts b/app/main/index.ts
index ae657492..782258cf 100644
--- a/app/main/index.ts
+++ b/app/main/index.ts
@@ -88,7 +88,7 @@ function createMainWindow(): Electron.BrowserWindow {
 		y: mainWindowState.y,
 		width: mainWindowState.width,
 		height: mainWindowState.height,
-		minWidth: 300,
+		minWidth: 500,
 		minHeight: 400,
 		webPreferences: {
 			plugins: true,
diff --git a/app/renderer/css/preference.css b/app/renderer/css/preference.css
index 5ae2afe1..78f8db2f 100644
--- a/app/renderer/css/preference.css
+++ b/app/renderer/css/preference.css
@@ -663,6 +663,26 @@ i.open-network-button {
 }
 
 /* responsive grid */
+@media (min-width: 500px) and (max-width: 720px) {
+    #new-server-container {
+        padding-left: 0px;
+        width: 60vw;
+        padding-right: 4vh;
+    }
+    .page-title {
+        width: 60vw;
+    }
+}
+
+@media (max-width: 500px) {
+    #new-server-container {
+        padding-left: 0px;
+        width: 54%;
+    }
+    .page-title {
+        width: 54%;
+    }
+}
 
 @media (max-width: 650px) {
     .selected-css-path,
@@ -695,9 +715,6 @@ i.open-network-button {
         margin-right: 6px;
         width: 43%;
     }
-    #new-server-container {
-        padding-left: 0px;
-    }
 }
 
 @media (max-width: 600px) {