5 files changed, 97 insertions, 66 deletions
diff --git a/view/css/mod_cloud.css b/view/css/mod_cloud.css
index 85d3f4ec6..302918cc4 100644
--- a/view/css/mod_cloud.css
+++ b/view/css/mod_cloud.css
@@ -2,6 +2,12 @@
 #files-upload-tools,
 [id^="perms-panel-"] {
 	display: none;
+	padding: 3px 10px 3px 10px !important;
+}
+
+#attach-code,
+#link-code {
+	display: none;
 }
 
 #cloud-index {
@@ -9,10 +15,19 @@
 }
 
 #cloud-index td:nth-child(1){
-	padding: 3px 4px 3px 0px;
+	padding: 7px 3px 7px 10px;
 }
 
-.cloud-index-tool {
-	padding: 3px 4px;
+#cloud-index td:nth-child(8){
+	padding: 7px 3px;
+	white-space: nowrap;
 }
 
+#cloud-index td:nth-child(9){
+	padding: 7px 10px 7px 7px;
+	white-space: nowrap;
+}
+
+.cloud-index-tool {
+	padding: 7px 10px;
+}
diff --git a/view/js/main.js b/view/js/main.js
index f979f6b6f..104718436 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -844,10 +844,12 @@ function updateConvItems(mode,data) {
 	}
 
 	function filestorage(event,nick,id) {
+		$('#cloud-index-' + last_filestorage_id).removeClass('cloud-index-active');
 		$('#perms-panel-' + last_filestorage_id).hide().html('');
 		$('#file-edit-' + id).spin('tiny');
 		delete acl;
 		$.get('filestorage/' + nick + '/' + id + '/edit', function(data) {
+			$('#cloud-index-' + id).addClass('cloud-index-active');
 			$('#perms-panel-' + id).html(data).show();
 			$('#file-edit-' + id).spin(false);
 			last_filestorage_id = id;
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 7a6c13798..6f8b2a6a6 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1774,7 +1774,6 @@ img.mail-list-sender-photo {
 	color: #777;
 }
 
-#jot-perms-icon,
 .jot-icons {
 	color: $toolicon_colour;
 }
@@ -2031,6 +2030,38 @@ nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{
 	color: $nav_active_icon_colour;
 }
 
+.section-title-wrapper {
+	padding: 7px 10px;
+	background-color: $item_colour;
+	border-top-left-radius: $radiuspx;
+	border-top-right-radius: $radiuspx;
+	margin-bottom: 3px;
+}
+
+.section-title-wrapper h2 {
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+
+.section-content-tools-wrapper {
+	padding: 7px 10px;
+	background-color: $comment_item_colour;
+	margin-bottom: 3px;
+}
+
+.section-content-wrapper {
+	padding: 7px 10px;
+	background-color: $comment_item_colour;
+	border-bottom-left-radius: $radiuspx;
+	border-bottom-right-radius: $radiuspx;
+}
+
+[id^="cloud-index-"]:hover,
+.cloud-index-active {
+	background-color: $item_colour;
+}
+
+
 /* bootstrap overrides */
 
 blockquote {
@@ -2226,32 +2257,6 @@ aside .nav > li > a:hover, aside .nav > li > a:focus {
 	background-image: linear-gradient(to bottom, $advperm_gradientcol 0px, $advperm_bgcolour 100%);
 }
 
-.section-title-wrapper {
-	padding: 7px 10px;
-	background-color: $item_colour;
-	border-top-left-radius: $radiuspx;
-	border-top-right-radius: $radiuspx;
-	margin-bottom: 3px;
-}
-
-.section-title-wrapper h2 {
-	margin-top: 0px;
-	margin-bottom: 0px;
-}
-
-.section-content-tools-wrapper {
-	padding: 7px 10px;
-	background-color: $comment_item_colour;
-	margin-bottom: 3px;
-}
-
-.section-content-wrapper {
-	padding: 7px 10px;
-	background-color: $comment_item_colour;
-	border-bottom-left-radius: $radiuspx;
-	border-bottom-right-radius: $radiuspx;
-}
-
 @media screen and (max-width: 767px) {
 	aside#region_1 {
 		background: rgba(0, 0, 0, .1);
diff --git a/view/tpl/attach_edit.tpl b/view/tpl/attach_edit.tpl
index bf39e6158..033ee40a7 100644
--- a/view/tpl/attach_edit.tpl
+++ b/view/tpl/attach_edit.tpl
@@ -1,34 +1,41 @@
 <form action="filestorage/{{$channelnick}}/{{$file.id}}/edit" method="post" >
 
-<div id="attach-edit-perms" >
-<button id="dbtn-acl" class="btn btn-default btn-sm" data-toggle="modal" data-target="#aclModal" title="{{$permset}}" onclick="return false;">
-	<i id="jot-perms-icon" class="icon-{{$lockstate}} jot-icons"></i>
-</button>
-<button id="dbtn-submit" class="btn btn-primary btn-sm" type="submit" name="submit">
-	{{$submit}}
-</button>
-</div>
+	<div id="attach-edit-tools" class="btn-group form-group">
+		{{if !$isadir}}
+		<a href="/rpost?body=[attachment]{{$file.hash}},{{$file.revision}}[/attachment]" id="attach-btn" class="btn btn-default btn-xs">
+			<i class="icon-paperclip jot-icons"></i>
+		</a>
+		{{/if}}
+		<button id="link-btn" class="btn btn-default btn-xs" type="button" onclick="openClose('link-code');">
+			<i class="icon-share jot-icons"></i>
+		</button>
+	</div>
+	<div id="attach-edit-perms" class="btn-group form-group pull-right">
+		<button id="dbtn-acl" class="btn btn-default btn-xs" data-toggle="modal" data-target="#aclModal" title="{{$permset}}" onclick="return false;">
+			<i id="jot-perms-icon" class="icon-{{$lockstate}} jot-icons"></i>
+		</button>
+		<button id="dbtn-submit" class="btn btn-primary btn-xs" type="submit" name="submit">
+			{{$submit}}
+		</button>
+	</div>
+	{{$aclselect}}
 
-{{$aclselect}}
+	<input type="hidden" name="channelnick" value="{{$channelnick}}" />
+	<input type="hidden" name="filehash" value="{{$file.hash}}" />
+	<input type="hidden" name="uid" value="{{$uid}}" />
+	<input type="hidden" name="fileid" value="{{$file.id}}" />
 
-<input type="hidden" name="channelnick" value="{{$channelnick}}" />
-<input type="hidden" name="filehash" value="{{$file.hash}}" />
-<input type="hidden" name="uid" value="{{$uid}}" />
-<input type="hidden" name="fileid" value="{{$file.id}}" />
-
-{{if $isadir}}
-<div id="attach-edit-recurse" >
-  <label id="attach-edit-recurse-text" for="attach-recurse-input" >{{$recurse}}</label>
-  <input id="attach-recurse-input" type="checkbox" name="recurse" value="1" />
-</div>
-{{else}}
-<div class="cut-paste-desc">{{$cpdesc}}</div>
-<input type="text" id="cutpasteinput" name="cutpastelink" value="[attachment]{{$file.hash}},{{$file.revision}}[/attachment]" onclick="this.select();" /><br />
-{{/if}}
-
-<div class="cut-paste-desc">{{$cpldesc}}</div>
-<input type="text" id="linkpasteinput" name="cutpasteextlink" value="{{$cloudpath}}" onclick="this.select();"/><br />
-<div class="clear"></div>
+	{{if $isadir}}
+	<div class="form-group">
+		<label id="attach-edit-recurse-text" class="checkbox-inline" for="attach-recurse-input" >
+			<input class="checkbox-inline" id="attach-recurse-input" type="checkbox" name="recurse" value="1" />{{$recurse}}
+		</label>
+	</div>
+	{{/if}}
 
+	<div id="link-code" class="form-group">
+		<label for="">{{$cpldesc}}</label>
+		<input type="text" class="form-control" id="linkpasteinput" name="cutpasteextlink" value="{{$cloudpath}}" onclick="this.select();"/>
+	</div>
 </form>
 
diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl
index 99bba9474..01b9078fe 100644
--- a/view/tpl/cloud_directory.tpl
+++ b/view/tpl/cloud_directory.tpl
@@ -1,12 +1,12 @@
-<div class="section-content-wrapper generic-content-wrapper">
+<div class="generic-content-wrapper">
 	<table id="cloud-index">
 		<tr>
-			<th></th>
-			<th>{{$name}}</th>
-			<th></th><th></th><th></th><th></th>
-			<th>{{*{{$type}}*}}</th>
-			<th class="hidden-xs">{{$size}}</th>
-			<th class="hidden-xs">{{$lastmod}}</th>
+			<th width="1%"></th>
+			<th width="92%">{{$name}}</th>
+			<th width="1%"></th><th width="1%"></th><th width="1%"></th><th width="1%"></th>
+			<th width="1%">{{*{{$type}}*}}</th>
+			<th width="1%" class="hidden-xs">{{$size}}</th>
+			<th width="1%" class="hidden-xs">{{$lastmod}}</th>
 		</tr>
 	{{if $parentpath}}
 		<tr>
@@ -19,7 +19,7 @@
 		</tr>
 	{{/if}}
 	{{foreach $entries as $item}}
-		<tr id="cloud-panel-{{$item.attachId}}">
+		<tr id="cloud-index-{{$item.attachId}}">
 			<td><i class="{{$item.iconFromType}}" title="{{$item.type}}"></i></td>
 			<td><a href="{{$item.fullPath}}">{{$item.displayName}}</a></td>
 	{{if $item.is_owner}}
@@ -35,7 +35,9 @@
 			<td class="hidden-xs">{{$item.sizeFormatted}}</td>
 			<td class="hidden-xs">{{$item.lastmodified}}</td>
 		</tr>
-		<tr><td id="perms-panel-{{$item.attachId}}" colspan="9"></td></tr>
+		<tr>
+			<td id="perms-panel-{{$item.attachId}}" colspan="9"></td>
+		</tr>
 	{{/foreach}}
 	</table>
 </div>