Added rate limiting and server security

Ton of little visual style tweaks and little up improvements for mobile

client/src/pages/AttachmentsPage.vue

@@ -1,8 +1,8 @@
 <template>
 	<div class="ui basic segment no-fluf-segment" ref="content">
-		<div class="ui grid">
+		<div class="ui stacking grid">
 
-			<div class="ui twelve wide column">
+			<div class="sixteen wide column">
 				<h2 class="ui header">
 					<i class="folder open outline icon"></i>
 						<div class="content">
@@ -14,7 +14,7 @@
 				<!-- subnav  -->
 				<router-link
 					exact-active-class="green" 
-					class="ui basic button" 
+					class="ui basic button shrinking" 
 					to="/attachments">
 					<i class="open folder outline icon"></i>
 					All
@@ -22,7 +22,7 @@
 				<router-link
 					v-if="$store.getters.totals && $store.getters.totals['linkFiles']"
 					exact-active-class="green" 
-					class="ui basic button" 
+					class="ui basic button shrinking" 
 					to="/attachments/type/links">
 					<i class="linkify icon"></i>
 					Links
@@ -30,16 +30,13 @@
 				<router-link 
 					v-if="$store.getters.totals && $store.getters.totals['otherFiles']"
 					exact-active-class="green"
-					class="ui basic button"
+					class="ui basic button shrinking"
 					to="/attachments/type/files">
 					<i class="copy icon"></i>
 					Other Files
 				</router-link>
 
 			</div>
-			<div class="four wide bottom aligned column">
-				<i v-if="loading" class="green sync alternate loading icon"></i>
-			</div>
 
 			<div class="sixteen wide column" v-if="searchParams.noteId">
 				<router-link class="ui green button" to="/attachments">
@@ -50,6 +47,8 @@
 					<i class="file outline icon"></i>
 					Open Note
 				</div>
+
+				<i v-if="loading" class="green sync alternate loading icon"></i>
 			</div>
 
 			<div class="sixteen wide column" v-if="searchParams['noteId'] && attachments.length == 0">