Bug 1645169 - Improve the CardDAV dialog. r=aleca a=wsmwk
authorRichard Marti <richard.marti@gmail.com>
Thu, 11 Jun 2020 22:02:54 +0200
changeset 39385 f39af6ece3c8da14c6fd9903a2d112dd0dd33a2d
parent 39384 4cb62f7aac4c98885f01f1905e47aa979ac0d9af
child 39386 7865094fac045f3232f659b3cd7b7667cc4b46cf
push id402
push userclokep@gmail.com
push dateMon, 29 Jun 2020 20:48:04 +0000
reviewersaleca, wsmwk
bugs1645169
Bug 1645169 - Improve the CardDAV dialog. r=aleca a=wsmwk
mailnews/addrbook/content/abCardDAVDialog.css
mailnews/addrbook/content/abCardDAVDialog.xhtml
--- a/mailnews/addrbook/content/abCardDAVDialog.css
+++ b/mailnews/addrbook/content/abCardDAVDialog.css
@@ -18,16 +18,35 @@
 
 #bigScaryWarning description {
   width: 30em;
 }
 
 th {
   font-weight: normal;
   text-align: start;
+  width: 10%;
+}
+
+.input-container {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+
+.input-container > * {
+  flex: 1;
+}
+
+#carddav-provider {
+  height: 1.8em;
+}
+
+#carddav-provider {
+  margin: 2px 4px;
 }
 
 #statusArea {
   background: transparent;
   border: 1px solid transparent;
   border-radius: 2px;
   padding: 3px 4px;
   color: var(--text-color);
--- a/mailnews/addrbook/content/abCardDAVDialog.xhtml
+++ b/mailnews/addrbook/content/abCardDAVDialog.xhtml
@@ -33,53 +33,53 @@
 
   <html:table>
     <html:tr>
       <html:th>
         <label control="carddav-provider"
                data-l10n-id="carddav-provider-label"
                data-l10n-attrs="value,accesskey"/>
       </html:th>
-      <html:td>
+      <html:td class="input-container">
         <html:select id="carddav-provider" onchange="handleChangeProvider(event);">
         </html:select>
       </html:td>
     </html:tr>
     <html:tr>
       <html:th>
         <label control="carddav-url"
                data-l10n-id="carddav-url-label"
                data-l10n-attrs="value,accesskey"/>
       </html:th>
-      <html:td>
+      <html:td class="input-container">
         <html:input id="carddav-url" type="url"
                     placeholder="https://carddav.example.com/dav/addressbooks/user/"
                     oninput="handleCardDAVURLInput(event);"/>
       </html:td>
     </html:tr>
     <html:tr>
       <html:th>
         <label control="carddav-username"
                data-l10n-id="carddav-username-label"
                data-l10n-attrs="value,accesskey"
                flex="1"/>
       </html:th>
-      <html:td>
+      <html:td class="input-container">
         <html:input id="carddav-username"
                     type="text"
                     data-l10n-id="carddav-username-input"/>
       </html:td>
     </html:tr>
     <html:tr>
       <html:th>
         <label control="carddav-password"
                data-l10n-id="carddav-password-label"
                flex="1"/>
       </html:th>
-      <html:td>
+      <html:td class="input-container">
         <html:input id="carddav-password" type="password"/>
       </html:td>
     </html:tr>
     <html:tr>
       <html:th></html:th>
       <html:td>
         <checkbox id="carddav-rememberPassword"
                   data-l10n-id="carddav-remember-password"