Fix share block position

Sacret · Sacret · commit 26bf86ed06e6 · 2016-02-08T00:55:38.000+03:00
diff --git a/js/components/blocks/ShareBlock.js b/js/components/blocks/ShareBlock.js
@@ -32,7 +32,7 @@ const ShareBlock = React.createClass({
     const title = 'Githubify.me (place to manage and organize tags for your repos)';
     //
     return (
-      <div className="share-block center-block">
+      <div className="share-block pull-right clearfix">
         <div className="share-block-info">
           <FacebookShareButton
             url={shareUrl}
diff --git a/js/components/blocks/UserBlock.js b/js/components/blocks/UserBlock.js
@@ -30,21 +30,26 @@ const UserBlock = React.createClass({
             <Row>
               <Col md={2} xs={4} className="user-block-avatar">
                 <a href={openUser.html_url}>
-                  <img src={openUser.avatar_url} className="user-block-avatar-img" />
+                  <img
+                    src={openUser.avatar_url}
+                    className="user-block-avatar-img img-responsive"
+                  />
                 </a>
               </Col>
               <Col md={8} xs={4} className="user-block-main-info">
                 <p className="user-block-main-info-name">{openUser.name}</p>
                 <p className="user-block-main-info-login">{openUser.login}</p>
               </Col>
-              <Col md={2} xs={4} className="user-block-github text-center">
-                <FontAwesome name="github" />
-                <p>
+              <Col md={2} xs={4} className="user-block-github text-right">
+                <ShareBlock />
+                <p className="clearfix">
                   <a href="https://github.com/Sacret/githubify" target="_blank">
-                    Fork me on Github
+                    <FontAwesome
+                      name="github"
+                      title="Fork githubify.me on Github"
+                    />
                   </a>
                 </p>
-                <ShareBlock />
               </Col>
             </Row> :
             null
diff --git a/less/components.less b/less/components.less
@@ -9,12 +9,13 @@
 }
 
 .user-block-avatar-img {
-  height: 150px;
+  max-height: 150px;
 }
 
 .user-block-main-info-name {
   .text-overflow();
   font-size: @font-size-h3;
+  margin-bottom: 0;
 }
 
 .user-block-main-info-login {
@@ -42,10 +43,6 @@
   font-size: @font-size-h4;
 }
 
-.share-block {
-  padding-top: 11px;
-}
-
 .share-block-info {
   float: left;
   &:not(:last-child) {
@@ -58,6 +55,7 @@
 }
 
 .user-block-github .fa {
+  color: @text-color;
   margin-right: 0;
   width: auto;
   font-size: 60px;
@@ -225,7 +223,7 @@
 }
 
 .logged-in-user {
-  margin-top: 20px;
+  margin-top: 25px;
 }
 
 .logged-in-user-divider {

Original file line number	Diff line number	Diff line change
`@@ -9,12 +9,13 @@`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`.user-block-avatar-img {`
`12`		`- height: 150px;`
	`12`	`+ max-height: 150px;`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`.user-block-main-info-name {`
`16`	`16`	`.text-overflow();`
`17`	`17`	`font-size: @font-size-h3;`
	`18`	`+ margin-bottom: 0;`
`18`	`19`	`}`
`19`	`20`
`20`	`21`	`.user-block-main-info-login {`
`@@ -42,10 +43,6 @@`
`42`	`43`	`font-size: @font-size-h4;`
`43`	`44`	`}`
`44`	`45`
`45`		`-.share-block {`
`46`		`- padding-top: 11px;`
`47`		`-}`
`48`		`-`
`49`	`46`	`.share-block-info {`
`50`	`47`	`float: left;`
`51`	`48`	`&:not(:last-child) {`
`@@ -58,6 +55,7 @@`
`58`	`55`	`}`
`59`	`56`
`60`	`57`	`.user-block-github .fa {`
	`58`	`+ color: @text-color;`
`61`	`59`	`margin-right: 0;`
`62`	`60`	`width: auto;`
`63`	`61`	`font-size: 60px;`
`@@ -225,7 +223,7 @@`
`225`	`223`	`}`
`226`	`224`
`227`	`225`	`.logged-in-user {`
`228`		`- margin-top: 20px;`
	`226`	`+ margin-top: 25px;`
`229`	`227`	`}`
`230`	`228`
`231`	`229`	`.logged-in-user-divider {`