..
# Please enter the commit message for your changes. Lines starting
# with '#' will be ignored, and an empty message aborts the commit.
# On branch master
# Changes to be committed:
#   (use "git reset HEAD <file>..." to unstage)
#
#	modified:   clientui/http.py
#	modified:   content/static/clientui/styles.less
#	modified:   content/static/clientui/styles.less.c.css
#	modified:   content/static/clientui/styles.less.css
#
diff --git a/clientui/http.py b/clientui/http.py
index d783e25..d5c68a7 100644
--- a/clientui/http.py
+++ b/clientui/http.py
@@ -139,7 +139,7 @@ class ClientUIServer (BasePlugin, HttpPlugin):
         if path.endswith('mp4'):
             path = path[:-4]
             is_stream = True
-        path = fs.proxy_path(os.path.join(directory.path, path))
+        path = fs.proxy_path(directory.path + path)
 
         if not os.path.exists(path):
             return context.respond_not_found()
diff --git a/content/static/clientui/styles.less b/content/static/clientui/styles.less
index bb8ac80..5e9fee3 100644
--- a/content/static/clientui/styles.less
+++ b/content/static/clientui/styles.less
@@ -15,7 +15,9 @@ body > .container {
 
     .title {
         display: block;
-        width: 160px;
+        width: 150px;
+        overflow: hidden;
+        text-overflow: ellipsis;
         text-align: center;
     }
 
diff --git a/content/static/clientui/styles.less.c.css b/content/static/clientui/styles.less.c.css
index eb9ffa9..29e2c17 100644
--- a/content/static/clientui/styles.less.c.css
+++ b/content/static/clientui/styles.less.c.css
@@ -13,7 +13,9 @@ body > .container {
 }
 .browse-item .title {
   display: block;
-  width: 160px;
+  width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   text-align: center;
 }
 .browse-item.file .image img {
diff --git a/content/static/clientui/styles.less.css b/content/static/clientui/styles.less.css
index eb9ffa9..29e2c17 100644
--- a/content/static/clientui/styles.less.css
+++ b/content/static/clientui/styles.less.css
@@ -13,7 +13,9 @@ body > .container {
 }
 .browse-item .title {
   display: block;
-  width: 160px;
+  width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   text-align: center;
 }
 .browse-item.file .image img {
