[Style] services and about spacings

pages/en/account.html

@@ -1,8 +1,23 @@
 <h1>Account</h1>
-<p>If you have created an account on dmz.rs, you can use our XMPP and e-mail server, as well as other services that support LDAP login.<p>
-<p>For more on XMPP see <a href="https://wiki.dmz.rs/en/tutorial/conversations">this tutorial</a>. <p>
-<p>You can see settings for the <a href="https://www.thunderbird.net">Thunderbird</a> mail client on this <a href="/img/mailsettings.png">image</a>.<p>
+<p>
+  If you have created an account on dmz.rs, you can use our XMPP and e-mail
+  server, as well as other services that support LDAP login.
+</p>
+<p>
+  For more on XMPP see
+  <a href="https://wiki.dmz.rs/en/tutorial/conversations">this tutorial</a>.
+</p>
+<p>
+  You can see settings for the
+  <a href="https://www.thunderbird.net">Thunderbird</a> mail client on this
+  <a href="/img/mailsettings.png">image</a>.
+</p>
 
-<p><a href="/account/register/">Register</a><p>
-<p><a href="/account/unregister/">Delete account</a><p>
-<p><a href="/account/changepassword/">Change password</a><p>
+<div class="auth-wrap">
+  <p><a href="/account/register/">Register</a></p>
+  <p></p>
+  <p><a href="/account/unregister/">Delete account</a></p>
+  <p></p>
+  <p><a href="/account/changepassword/">Change password</a></p>
+  <p></p>
+</div>

pages/sr/account.html

@@ -1,8 +1,22 @@
 <h1>Nalog</h1>
-<p>Ako si napravio nalog na dmz.rs možeš koristiti naš XMPP i e-mail server, kao i ostale servise koji podržavaju LDAP login.<p>
-<p>Za više o XMPP-u pogledaj <a href="https://wiki.dmz.rs/en/tutorial/conversations-srpski">tutorial</a>. <p>
-<p>Podešavanja za <a href="https://www.thunderbird.net">Thunderbird</a> mail klijent možeš pogledati na <a href="/img/mailsettings.png">slici</a>.<p>
+<p>
+  Ako si napravio nalog na dmz.rs možeš koristiti naš XMPP i e-mail server, kao
+  i ostale servise koji podržavaju LDAP login.
+</p>
+<p>
+  Za više o XMPP-u pogledaj
+  <a href="https://wiki.dmz.rs/en/tutorial/conversations-srpski">tutorial</a>.
+</p>
+<p>
+  Podešavanja za <a href="https://www.thunderbird.net">Thunderbird</a> mail
+  klijent možeš pogledati na <a href="/img/mailsettings.png">slici</a>.
+</p>
 
-<p><a href="/account/register/">Registruj se</a><p>
-<p><a href="/account/unregister/">Izbriši nalog</a><p>
-<p><a href="/account/changepassword/">Promeni lozinku</a><p>
+<div class="auth-wrap">
+  <p><a href="/account/register/">Registruj se</a></p>
+  <p></p>
+  <p><a href="/account/unregister/">Izbriši nalog</a></p>
+  <p></p>
+  <p><a href="/account/changepassword/">Promeni lozinku</a></p>
+  <p></p>
+</div>

site/styles/about.css

@@ -4,8 +4,10 @@ dl {
 
 dt {
   font-weight: bold;
+  margin: 1rem 0;
 }
 
 dd {
-  margin: 0 0 1rem 1rem;
-}
+  margin: 0 0 0.5rem 1rem;
+}
+

site/styles/account.css

@@ -0,0 +1,12 @@
+.auth-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding-top: 24px;
+  a {
+    font-size: 18px;
+    text-transform: uppercase;
+    letter-spacing: 3px;
+    font-weight: 600;
+  }
+}

site/styles/services.css

@@ -6,21 +6,19 @@ table {
 
 th,
 td {
-  padding: 0 1rem 0 1rem;
   text-align: left;
   border-left: 2px solid var(--border);
 }
 
 th {
-  padding: 1rem 1rem 0 1rem;
+  padding: 1rem;
   border-bottom: 2px solid var(--border);
 }
 
 td {
-  padding: 0 1rem 1rem 1rem;
+  padding: 1rem 1rem 0 1rem;
   vertical-align: top;
-}
-
-td a {
-  word-break: keep-all;
+  a {
+    word-break: keep-all;
+  }
 }