profile modal view

css/style.css

@@ -1048,12 +1048,18 @@ button.light:hover, a.button.light:hover {
 
 .profile-card-main {
   position: relative;
-  text-align: center;
+  text-align: left;
   word-wrap: break-word;
   transition: all 0.2s linear;
   background: none !important;
   padding: 10px;
 }
+.profile-card-main h1, .profile-card-main h2 {
+  display: inline !important;
+}
+.profile-card-main h1 b, .profile-card-main h2 b {
+  font-weight: 400;
+}
 .profile-card-main:before {
   content: "";
   border: solid 0px #fff;
@@ -1073,7 +1079,7 @@ button.light:hover, a.button.light:hover {
 .profile-card-photo {
   height: auto;
   width: 64px;
-  margin: 0 auto;
+  margin: 0 10px 10px 0;
   display: block;
   float: left;
 }
@@ -1083,10 +1089,10 @@ button.light:hover, a.button.light:hover {
 }
 
 .profile-bio {
-  padding: 10px;
   font-style: italic;
-  text-align: center;
+  text-align: left;
-  font-size: 0.8em;
+  font-size: 1rem;
+  margin-left: 74px;
 }
 
 .profile-card-buttons {
@@ -2227,7 +2233,7 @@ ul.userMenu-search-profiles button {
   transition-timing-function: ease-out;
   z-index: 120;
 }
-#postboard-top.on, #postboard-top {
+#postboard-top.on {
   -moz-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2);
   -webkit-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2);
   box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2);

sass/layout/_profile.sass

@@ -66,14 +66,15 @@ $modal-postboard-post-height: 100%
 	padding: $modal-gut
 .profile-card-main
 	position: relative
-	text-align: center
+	text-align: left
 	word-wrap: break-word
 	transition: all .2s linear
 	background: none!important
-	padding: 10px
+	padding: 10px 
-
+	h1, h2 
-
+		display: inline !important
-
+		b 
+			font-weight: 400
 	&:before
 		content: ""
 		border: solid 0px #fff
@@ -91,18 +92,17 @@ $modal-postboard-post-height: 100%
 .profile-card-photo
 	height: auto
 	width: $usr-img
-	margin: 0 auto
+	margin: 0 10px 10px 0
 	display: block
 	float: left
 .profile-card-photo.forEdition
 	float: none
 
 .profile-bio
-	padding: 10px
 	font-style: italic
-	text-align: center
+	text-align: left
-	font-size: .8em
+	font-size: 1rem
-
+	margin-left:  $usr-img + 10
 .profile-card-buttons 
 	text-align: center
 	padding: 0 0 $space 0
@@ -118,13 +118,6 @@ $modal-postboard-post-height: 100%
 	@extend .color-2
 
 
-
-
-
-
-
-
-
 .known-followers
 	text-align: center
 	clear: both

sass/style.sass

@@ -404,7 +404,6 @@ ul.userMenu-search-profiles
 	+transition-property(box-shadow)
 	+transition-duration(.2s)
 	+transition-timing-function(ease-out)	
-	@extend .on
 	&.on 
 		+box-shadow(0 8px 13px rgba(#111, 0.2))
 	z-index: 120