Reorder profile elements, avoid block layout on desktop (#2103)

hasgeek · Jul 31, 2024 · e0d476d · e0d476d
1 parent 52783ae
commit e0d476d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/funnel/assets/sass/pages/profile.scss b/funnel/assets/sass/pages/profile.scss
@@ -213,6 +213,13 @@
   }
   .profile-details {
     padding: 2 * $mui-grid-padding 0 0;
+    ul {
+      padding: 0;
+      display: flex;
+      flex-direction: row;
+      gap: 16px;
+      list-style: none;
+    }
   }
   .profile.profile--unverified {
     .profile__banner__box {

diff --git a/funnel/templates/profile_layout.html.jinja2 b/funnel/templates/profile_layout.html.jinja2
@@ -450,16 +450,16 @@
               <p class="mui--text-title mui--text-light">@{{ profile.name }}</p>
             {%- endif %}
           </div>
-          <ul class="bullet-separated-list">
+          {%- if profile.tagline %}
+            <p>{{ profile.tagline }}</p>
+          {%- endif %}
+          <ul>
             {%- if profile.joined_at %}
               <li>{{ faicon(icon='history') }} {% trans date=profile.joined_at|date(format='MMM YYYY') %}Joined {{ date }}{% endtrans %}</li>
             {%- endif %}
             {%- if profile.website %}
               <li><a href="{{ profile.website }}" target="_blank" rel="noopener nofollow">{{ faicon(icon='globe') }} {{ profile.website|cleanurl }}</a></li>
             {%- endif %}
-            {%- if profile.tagline %}
-              <li>{{ profile.tagline }}</li>
-            {%- endif %}
           </ul>
           <div class="mui--visible-xs-block mui--visible-sm-block">
             {{ profile_header_buttons(profile) }}