[file view] use icons for operations

media/css/seahub.css

@@ -20,6 +20,7 @@
  * common class ..........common class
  *
  * Widget
+ * (ui widgets)
  * (...)
  * discussions/comments
  * custom select2
@@ -160,6 +161,8 @@
 .sf2-icon-move:before { content: "\e029"; }
 .sf2-icon-reply:before { content: "\e02a"; }
 .sf2-icon-invite:before { content: "\e02b"; }
+.sf2-icon-lock:before { content: "\e02c"; }
+.sf2-icon-unlock:before { content: "\e02d"; }
 
 /******* tags **********/
 body,
@@ -596,6 +599,30 @@ textarea:-moz-placeholder {/* for FF */
     padding:0 5px;
     color:#818a91;
 }
+/**** btn-group ****/
+.sf-btn-group {
+}
+.sf-btn-group-btn {
+    float:left;
+    padding: 5px 10px;
+    margin:0;
+    background:#fff;
+    border-radius:0;
+    border-right-width:0;
+}
+.sf-btn-group-btn-first {
+    border-top-left-radius:2px;
+    border-bottom-left-radius:2px;
+}
+.sf-btn-group-btn-last {
+    border-right-width:1px;
+    border-top-right-radius:2px;
+    border-bottom-right-radius:2px;
+}
+.sf2-icon-edit.sf-btn-group-btn {
+    font-size:20px;
+    opacity:1;
+}
 /****paginator****/
 #paginator {
     text-align:center;
@@ -2012,7 +2039,6 @@ button.sf-dropdown-toggle:focus {
     text-align:right;
     margin-bottom:4px;
 }
-#file-op button,
 .repo-op .op-btn {
     *margin-left:5px;/* for ie 7*/
 }
@@ -2496,10 +2522,6 @@ button.sf-dropdown-toggle:focus {
     -moz-border-radius:3px;
     margin-top:12px;
 }
-#file-op .op-btn,
-#file-op .sf-btn-link {
-    padding:2px 8px;
-}
 #file-enc-cont {
     width:950px;
     margin:-20px auto 6px;

media/css/sf_font2/seafile-font2.svg

@@ -51,4 +51,6 @@
 <glyph glyph-name="move241" unicode="&#57385;" d="M256 386l0 51-203 0 0-362 406 0 0 311z m55-226l0 53-181 0 0 52 184 0 0 53 76-77z"/>
 <glyph glyph-name="reply" unicode="&#57386;" d="M235 326c108 0 207-98 213-217-53 47-119 77-192 77-6 0-15 0-21 0l0-94c0-7-5-9-9-5l-158 160c-4 5-4 11 0 15l158 163c4 4 9 2 9-5z"/>
 <glyph glyph-name="invite" unicode="&#57387;" d="M303 286l177 0 0-43-177 0z m68 72l39 0 0-189-39 0z m-170-125c53 0 85 87 85 136 0 49-39 92-85 92-47 0-86-41-86-92 0-51 32-136 86-136z m0-184c147 0 168 0 168 45 0 64-75 115-168 115-94 0-169-51-169-115 0-45 21-45 169-45z"/>
+<glyph glyph-name="lock" unicode="&#57388;" d="M405 337l-10 0 0 98c0 17-11 28-26 28l-232 0c-11 0-20-9-20-19l0-109-10 0c-7 0-11-4-11-11l0-264c0-5 4-11 11-11l298 0c7 0 11 6 11 11l0 264c2 9-4 13-11 13z m-241 53c0 17 11 28 26 28l141 0c10 0 19-8 19-19l0-62-186 0z m169-155c0-5-4-7-7-7l-34 0c-4 0-6-4-6-6l0-58c0-4-4-6-7-6l-34 0c-4 0-6 4-6 6l0 56c0 4-4 6-6 6l-39 0c-4 0-6 4-6 7l0 34c0 4 4 6 6 6l126 0c4 0 11 0 11-2 2-2 2-4 2-4z"/>
+<glyph glyph-name="unlock" unicode="&#57389;" d="M405 337l-241 0 0 53c0 17 11 28 26 28l141 0c10 0 19-8 19-19l0-19 45 0 0 55c0 17-11 28-26 28l-232 0c-11 0-20-9-20-19l0-109-10 0c-7 0-11-4-11-11l0-264c0-5 4-11 11-11l298 0c7 0 11 6 11 11l0 264c2 9-4 13-11 13z m-72-102c0-5-4-7-7-7l-34 0c-4 0-6-4-6-6l0-58c0-4-4-6-7-6l-34 0c-4 0-6 4-6 6l0 56c0 4-4 6-6 6l-39 0c-4 0-6 4-6 7l0 34c0 4 4 6 6 6l126 0c4 0 11 0 11-2 2-2 2-4 2-4z"/>
 </font></defs></svg>