Merge pull request #15 from dionyziz/visual_fixes

Visual fixes

css/profile.css

@@ -182,6 +182,10 @@
 .profile-modal .profile-card-main
 {
     background: #45474d;
+    color: white;
+}
+.profile-modal .profile-card-main a {
+    color: #8bb9e0;
 }
 .profile-modal .postboard-posts .post
 {

css/style.css

@@ -255,7 +255,7 @@ button.disabled:hover
     padding: 55px 15px 15px 15px;
     position: relative;
     z-index: 1;
-	height: 100%;
+    min-height: 100%;
 }
 .dashboard
 {
@@ -596,6 +596,10 @@ button.disabled:hover
     border-radius: 20%;
     /*transform: rotate( 45deg );*/
 }
+.twister-user-info
+{
+  position: relative;
+}
 .twister-user-info span
 {
     vertical-align: top;
@@ -636,6 +640,10 @@ button.disabled:hover
     text-decoration: none;
     font-weight: bold;
     cursor: pointer;
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 120%;
 }
 .twister-user-remove:hover
 {
@@ -1124,7 +1132,7 @@ button.disabled:hover
     position: absolute;
     right: 0;
     top: 0;
-	padding: 4px 10px;
+    padding: 3px 10px;
     cursor: pointer;
     color: rgba( 255, 255, 255, .7 );
     font-weight: bold;

following.html

@@ -167,7 +167,7 @@
         <div class="followers">Followed by
           <span class="followed-by"></span>
         </div>
-        <a class="twister-user-remove">X</a>
+        <a class="twister-user-remove">&times;</a>
         <button class="follow">Follow</button>
       </div>
     </li>
@@ -251,7 +251,7 @@
       <div class="modal-wrapper">
         <div class="modal-header">
           <h3></h3>
-          <span id="closeModal" class="modal-close cancel">X</span>
+          <span id="closeModal" class="modal-close cancel">&times;</span>
         </div>
         <div class="modal-content"></div>
         <div class="modal-buttons">

home.html

@@ -174,7 +174,7 @@
         <div class="followers">Followed by
           <span class="followed-by"></span>
         </div>
-        <a class="twister-user-remove">X</a>
+        <a class="twister-user-remove">&times;</a>
         <button class="follow">Follow</button>
       </div>
     </li>
@@ -258,7 +258,7 @@
       <div class="modal-wrapper">
         <div class="modal-header">
           <h3></h3>
-          <span id="closeModal" class="modal-close cancel">X</span>
+          <span id="closeModal" class="modal-close cancel">&times;</span>
         </div>
         <div class="modal-content"></div>
         <div class="modal-buttons">

interface_common.js

@@ -32,10 +32,11 @@ function openModal( modalClass )
 function closeModal($this)
 {
     var $body = $( "body" );
-    var $modalWindow = $this.parents( ".modal-blackout" );
-    $modalWindow.fadeOut( "fast", function()
+    var $modalWindows = $( "body" ).children( ".modal-blackout" );
+
+    $modalWindows.fadeOut( "fast", function()
     {
-        $modalWindow.detach();
+        $modalWindows.detach();
     });
     $body.css({
         "overflow": "auto",
@@ -446,7 +447,7 @@ var retweetSubmit = function(e)
 
 
 function initInterfaceCommon() {
-    $("body").on( "click", ".cancel" , function() { closeModal($(this)); } );
+    $( "body, .cancel, .modal-blackout" ).on( "click", function() { closeModal($(this)); } );
     $( ".post-reply" ).bind( "click", postReplyClick );
     $( ".post-propagate" ).bind( "click", reTwistPopup );
     $( ".userMenu-config-dropdown" ).bind( "click", dropDownMenu );

login.html

@@ -101,7 +101,7 @@
       <div class="modal-wrapper">
         <div class="modal-header">
           <h3></h3>
-          <span id="closeModal" class="modal-close cancel">X</span>
+          <span id="closeModal" class="modal-close cancel">&times;</span>
         </div>
         <div class="modal-content"></div>
         <div class="modal-buttons">