UI fix (#1257)

media/css/seahub.css

@@ -169,7 +169,7 @@ form,input,textarea,select,button,img {
 body, input, textarea, button, select {
     font: 13px/1.5 Arial, Helvetica, sans-serif;
     color: #333;
-    word-break:break-all; /* for en */
+    word-wrap:break-word;
 }
 input, button, select { line-height:19px;/*for ff*/ }
 h1, h2, h3, h4, h5, h6 {
@@ -333,6 +333,7 @@ th, td {
 td {
     color: #333;
     font-size:14px;
+    word-break:break-all; /* mainly for lib/folder/file name */
 }
 table img { vertical-align:middle; }
 /* custom scrollbar */
@@ -589,6 +590,7 @@ textarea:-moz-placeholder {/* for FF */
     font-size:1rem;
     margin:0; /* for merge with tabs */
     padding:0.6rem 0rem 0.5rem;
+    word-break:break-all;
 }
 /****paginator****/
 #paginator {
@@ -2826,6 +2828,10 @@ button.sf-dropdown-toggle:focus {
     padding:7px 5px;
     background:#f7f7f8;
     border-radius:2px;
+    margin-bottom:1.2rem;
+}
+#search-form {
+    margin-top:30px;
 }
 #search-form .input_and_submit {
     display:inline-block;
@@ -2842,9 +2848,6 @@ button.sf-dropdown-toggle:focus {
     height:24px;
     padding:0 30px 0 5px;
 }
-#search-results {
-    padding-top:15px;
-}
 #search-results a {
     font-weight: normal;
 }
@@ -3249,7 +3252,6 @@ button.sf-dropdown-toggle:focus {
 }
 /* guide for new */
 #guide-for-new {
-    padding: 0 20px;
     width: 450px;
 }
 #guide-for-new .icon-lightbulb {

static/scripts/app/views/myhome-repos.js

@@ -58,6 +58,7 @@ define([
 
             if (app.pageOptions.guide_enabled) {
                 $('#guide-for-new').modal({appendTo: '#main', focus:false});
+                $('#simplemodal-container').css({'height':'auto'});
                 app.pageOptions.guide_enabled = false;
             }
         },