Revert "flexbox for the post header"

This reverts commit bef3084516.

app/assets/stylesheets/common/base/header.scss

@@ -6,14 +6,6 @@
     background-color: $header_background;
     box-shadow: 0 2px 4px -1px rgba(0,0,0, .25);
 
-    .ember-view {
-      min-width: 0; //flexbox fix
-    }
-
-    .title {
-      @include flex(0,0,auto);
-    }
-
     .docked & {
       position: fixed;
       backface-visibility: hidden;  /** do magic for scrolling performance **/
@@ -21,8 +13,6 @@
 
     .contents {
       margin: 8px 0;
-      @include flexbox();
-      @include align-items(center);
     }
 
     .title {
@@ -44,10 +34,8 @@
     }
 
     .panel {
+      float: right;
       position: relative;
-      margin-left: auto;
-      min-width: 125px;
-      @include order(3)
     }
 
     .login-button, button.sign-up-button {

app/assets/stylesheets/common/base/menu-panel.scss

@@ -270,3 +270,6 @@ div.menu-links-header {
     margin-right: 0.2em;
   }
 }
+
+
+

app/assets/stylesheets/common/base/topic.scss

@@ -27,12 +27,11 @@
 }
 
 .extra-info-wrapper {
-  @include order(2);
-  line-height: 1.5;
   .badge-wrapper {
     float: left;
-    margin-left: 2px;
-    line-height: 1.2;
+    &.bullet {
+      margin-top: 5px;
+    }
   }
 
 }

app/assets/stylesheets/common/components/badges.css.scss

@@ -52,8 +52,8 @@
 
 
   &.bullet { //bullet category style
-    @include inline-flex;
-    @include align-items(baseline);
+    display: inline-flex;
+    align-items: baseline;
     margin-right: 10px;
 
     span.badge-category {

app/assets/stylesheets/common/foundation/mixins.scss

@@ -113,57 +113,3 @@
 	-webkit-transform: $transforms;
           transform: $transforms;
 }
-
-// ---------------------------------------------------
-
-//Flexbox
-
-@mixin flexbox() {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-}
-
-@mixin inline-flex() {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -moz-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-
-@mixin align-items($alignment) {
-    -webkit-box-align: $alignment;
-    -webkit-align-items: $alignment;
-    -ms-flex-align: $alignment;
-    -ms-align-items: $alignment;
-    align-items:$alignment;
-}
-
-@mixin order($val) {
-  -webkit-box-ordinal-group: $val;
-  -moz-box-ordinal-group: $val;
-  -ms-flex-order: $val;
-  -webkit-order: $val;
-  order: $val;
-}
-
-@mixin flex($fg: 1, $fs: null, $fb: null) {
-
-	$fg-boxflex: $fg;
-
-	// Box-Flex only supports a flex-grow value
-	@if type-of($fg) == 'list' {
-		$fg-boxflex: nth($fg, 1);
-	}
-
-	-webkit-box-flex: $fg-boxflex;
-	-webkit-flex: $fg $fs $fb;
-	-moz-box-flex: $fg-boxflex;
-	-moz-flex: $fg $fs $fb;
-	-ms-flex: $fg $fs $fb;
-	flex: $fg $fs $fb;
-}