From c8fc995ccddc48597526f0b2c27050e4c049928d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Mon, 28 Jun 2021 19:07:38 +0200
Subject: [PATCH] styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/features/about/index.js |  5 +++--
 app/styles/about.scss               | 19 ++++++++++++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/about/index.js b/app/soapbox/features/about/index.js
index b6892fdfc..d2abde9f4 100644
--- a/app/soapbox/features/about/index.js
+++ b/app/soapbox/features/about/index.js
@@ -72,14 +72,14 @@ class AboutPage extends ImmutablePureComponent {
         {' '}
         <ul>
           <li>
-            <a href='#' className='sidebar-menu-profile__name' onClick={this.setLocale(defaultLocale)}>
+            <a href='#' onClick={this.setLocale(defaultLocale)}>
               {languages[defaultLocale] || defaultLocale}
             </a>
           </li>
           {
             page.get('locales').map(locale => (
               <li key={locale}>
-                <a href='#' className='sidebar-menu-profile__name' onClick={this.setLocale(locale)}>
+                <a href='#' onClick={this.setLocale(locale)}>
                   {languages[locale] || locale}
                 </a>
               </li>
@@ -88,6 +88,7 @@ class AboutPage extends ImmutablePureComponent {
         </ul>
       </div>
     );
+    console.log(slug, page);
 
     return (
       <div className='content'>
diff --git a/app/styles/about.scss b/app/styles/about.scss
index 39ce9cd54..09ffe78d9 100644
--- a/app/styles/about.scss
+++ b/app/styles/about.scss
@@ -360,7 +360,24 @@ $fluid-breakpoint: $maximum-width + 20px;
 }
 
 .also-available {
-  margin-top: 0;
+  padding-top: 0;
+
+  ul {
+    display: inline;
+    padding-left: 0;
+    list-style: none;
+
+    li {
+      display: inline;
+      &::after {
+        content: ' · ';
+      }
+    }
+
+    li:last-child::after {
+      content: '';
+    }
+  }
 }
 
 .public-layout {