Use flex instead of equalizer in following

We're also removing the padding in the (now called) followables element,
since it caused a gap on the right side of the border of the
`.menu.simple` element.

app/assets/stylesheets/users/following.scss

@@ -1,4 +1,19 @@
 .users-following {
+  margin-top: $line-height;
+
+  @include breakpoint(medium) {
+    display: flex;
+
+    > .followables {
+      flex-basis: calc(100% * 2 / 3);
+    }
+
+    > .interests {
+      border-left: 1px solid #ececec;
+      flex-basis: calc(100% / 3);
+      padding-left: $line-height;
+    }
+  }
 
   .follow-list {
     list-style-type: circle;
@@ -22,12 +37,4 @@
       top: 2px;
     }
   }
-
-  .interests {
-
-    @include breakpoint(medium) {
-      border-left: 1px solid #ececec;
-      padding-left: $line-height;
-    }
-  }
 }

app/components/users/following_component.html.erb

@@ -1,5 +1,5 @@
-<div class="row users-following margin-top" data-equalizer data-equalize-on="medium">
+<div class="users-following">
-  <div class="small-12 medium-8 column" data-equalizer-watch>
+  <div class="followables">
     <ul class="menu simple clear">
       <% follows.each do |followable_type, follows| %>
         <li><%= link_to followable_type_title(followable_type), "##{followable_type_title(followable_type).parameterize.underscore}" %></li>
@@ -21,7 +21,7 @@
     <% end %>
   </div>
 
-  <div class="small-12 medium-4 column interests" data-equalizer-watch>
+  <div class="interests">
     <%= render "interests", user: user %>
   </div>
 </div>