adjust head cols, pin icon

src/app/components/cards/PostsList.scss

@@ -105,13 +105,13 @@
 
     A.PostDismiss {
         position: absolute;
-        right: 0;
+        right: 0.15rem;
 
         svg {
             @include themify($themes) {
-                width: 0.8rem;
-                height: 0.8rem;
-                opacity: 0.5;
+                width: 0.6rem;
+                height: 0.6rem;
+                opacity: 0.3;
                 fill: themed('textColorSecondary');
             }
         }

src/app/components/modules/Header/index.jsx

@@ -289,13 +289,13 @@ class Header extends React.Component {
                     </div>
 
                     <nav className="row Header__nav">
-                        <div className="small-6 medium-4 large-4 columns Header__logotype">
+                        <div className="small-6 medium-3 large-4 columns Header__logotype">
                             <Link to={logo_link}>
                                 <SteemLogo />
                             </Link>
                         </div>
 
-                        <div className="large-4 medium-4 columns show-for-medium large-centered Header__sort">
+                        <div className="large-4 medium-3 columns show-for-medium large-centered Header__sort">
                             <SortOrder
                                 sortOrder={order}
                                 topic={category === 'feed' ? '' : category}
@@ -304,7 +304,7 @@ class Header extends React.Component {
                             />
                         </div>
 
-                        <div className="small-6 medium-4 large-4 columns Header__buttons">
+                        <div className="small-6 medium-6 large-4 columns Header__buttons">
                             {/*NOT LOGGED IN SIGN IN AND SIGN UP LINKS*/}
                             {!loggedIn && (
                                 <span className="Header__user-signup show-for-medium">