Some UI improvements

templates/problem/feed.html

@@ -7,20 +7,20 @@
 {% endblock %}
 
 {% block middle_content %}
-  <div class="problem-feed-option">
-    <a href="{{url('problem_feed')}}"
-      class="button small {{'btn-midnightblue' if feed_type=='for_you' else 'btn-gray'}}">
-      {{_('FOR YOU')}}
-    </a>
-    <a href="{{url('problem_feed_new')}}" class="button small {{'btn-midnightblue' if feed_type=='new' else 'btn-gray'}}">
-      {{_('NEW')}}
-    </a>
-    {% if request.user.has_perm('judge.suggest_problem_changes') %}
-      <a href="{{url('problem_feed_volunteer')}}"
-        class="button small {{'btn-midnightblue' if feed_type=='volunteer' else 'btn-gray'}}">
-        {{_('VOLUNTEER')}}
-      </a>
-    {% endif %}
+  <div class="tabs tabs-no-flex" style="width: 90%;margin-left: auto;margin-right: auto;">
+    <ul>
+      <li class="{{'active' if feed_type=='for_you'}}">
+        <a href="{{url('problem_feed')}}">{{_('FOR YOU')}}</a>
+      </li>
+      <li class="{{'active' if feed_type=='new'}}">
+        <a href="{{url('problem_feed_new')}}">{{_('NEW')}}</a>
+      </li>
+      {% if request.user.has_perm('judge.suggest_problem_changes') %}
+        <li class="{{'active' if feed_type=='volunteer'}}">
+          <a href="{{url('problem_feed_volunteer')}}">{{_('VOLUNTEER')}}</a>
+        </li>
+      {% endif %}
+    </ul>
   </div>
   {% if request.user.has_perm('judge.suggest_problem_changes') and feed_type == 'volunteer' %}
     <ul style="margin-bottom: 1em; margin-left: auto">

templates/problem/recent-attempt.html

@@ -1,7 +1,6 @@
 {% if last_attempted_problems%}
   <div class="sidebox">
-    <h3>{{ _('Last unsolved') }} <i class="fa fa-bullseye"></i>
-    </h3>
+    <h3><i class="fa fa-bullseye"></i>{{ _('Last unsolved') }}</h3>
     <div class="sidebox-content" style="padding: 0; border: 0">
       <table class="table feed-table">
         <tbody>

templates/problem/search-form.html

@@ -1,6 +1,5 @@
 <div class="sidebox">
-  <h3>{{ _('Problem search') }} <i class="fa fa-search"></i>
-  </h3>
+  <h3><i class="fa fa-search"></i>{{ _('Problem search') }}</h3>
   <div class="sidebox-content">
     <form id="filter-form" name="form" action="" method="get">
       <div>