Fixes #862

'texts' div id to 'network-error-texts'
zulip · Jan 27, 2024 · 7f3c1c8 · 7f3c1c8
1 parent af7272a
commit 7f3c1c8
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 12 deletions.
diff --git a/app/renderer/css/network.css b/app/renderer/css/network.css
@@ -8,14 +8,26 @@ body {
   user-select: none;
 }
 
+img {
+  max-width: 100%;
+  width: 380px;
+  height: auto;
+  vertical-align: middle;
+  resize: both;
+}
+
 #content {
-  display: flex;
-  flex-direction: column;
+  display: grid;
+  justify-content: center;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
-  margin: 100px 200px;
+  margin: 100px 50px;
   text-align: center;
 }
 
+#network-error-texts {
+  color: rgb(32 45 58 / 100%);
+}
+
 #title {
   text-align: left;
   font-size: 24px;
@@ -33,14 +45,20 @@ body {
   text-align: left;
   font-size: 16px;
   list-style-position: inside;
+  padding: 20px;
+}
+
+#buttons {
+  display: flex;
+  justify-content: start;
 }
 
 #reconnect {
   float: left;
 }
 
 #settings {
-  margin-left: 116px;
+  margin-left: 16px;
 }
 
 .button {

diff --git a/app/renderer/network.html b/app/renderer/network.html
@@ -18,14 +18,16 @@
   <body>
     <div id="content">
       <div id="picture"><img src="img/zulip_network.png" /></div>
-      <div id="title">We can't connect to this organization</div>
-      <div id="subtitle">This could be because</div>
-      <ul id="description">
-        <li>You're not online or your proxy is misconfigured.</li>
-        <li>There is no Zulip organization hosted at this URL.</li>
-        <li>This Zulip organization is temporarily unavailable.</li>
-        <li>This Zulip organization has been moved or deleted.</li>
-      </ul>
+      <div id="network-error-texts">
+        <div id="title">We can't connect to this organization</div>
+        <div id="subtitle">This could be because</div>
+        <ul id="description">
+          <li>You're not online or your proxy is misconfigured.</li>
+          <li>There is no Zulip organization hosted at this URL.</li>
+          <li>This Zulip organization is temporarily unavailable.</li>
+          <li>This Zulip organization has been moved or deleted.</li>
+        </ul>
+      </div>
       <div id="buttons">
         <div id="reconnect" class="button">Reconnect</div>
         <div id="settings" class="button">Settings</div>