diff --git a/templates/files.html b/templates/files.html
index 84a8e06..97880ec 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -1,27 +1,51 @@
 {% extends "base.html" %}
 {% block main_content %}
 	<div class="container-fluid">
-		<h3 class="offset-lg-2">{{page_title}}</h3>
-		<div class="form-row input-group">
-			<div class="input-group-prepend">
-				<button style="width:98%" class="btn btn-outline-info disabled" disabled>Size:</button>
-			</div>
-			<div class="input-group-append">
-			<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,64)">XS</button>
-			</div>
-			<div class="input-group-append">
-			<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,96)">S</button>
-			</div>
-			<div class="input-group-append">
-			<button class="sz-but btn btn-info" onClick="ChangeSize(this,128)">M</button>
-			</div>
-			<div class="input-group-append">
-			<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,192)">L</button>
-			</div>
-			<div class="input-group-append">
-			<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,256)">XL</button>
-			</div>
-		</div>
+		<br>
+		<div class="form-row">
+			<div class="input-group col px-0">
+                <div class="input-group-prepend">
+                    <button class="btn btn-outline-info disabled" disabled="">Viewing:</button>
+                </div>
+                <select style="color:#5bc0de;border:1px solid #5bc0de;" class="form-control form-conrol-info">
+                    <option>Oldest</option>
+                    <option>Newest</option>
+                </select>
+                <select style="color:#5bc0de;border:1px solid #5bc0de;" class="form-control">
+                    <option>Week</option>
+                    <option>Month</option>
+                    <option>Year</option>
+                </select>
+                <div class="input-group-append">
+                    <button class="btn btn-outline-info disabled" disabled="">of images, grouped by:</button>
+                </div>
+                <select style="color:#5bc0de;border:1px solid #5bc0de;" class="form-control">
+                    <option>Day</option>
+                    <option>Week</option>
+                    <option>Month</option>
+                </select>
+            </div>
+            <div class="input-group offset-lg-2 col">
+                <div class="input-group-prepend">
+                    <button style="width:98%" class="btn btn-outline-info disabled" disabled>Size:</button>
+                </div>
+                <div class="input-group-append">
+                    <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,64)">XS</button>
+                </div>
+                <div class="input-group-append">
+                    <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,96)">S</button>
+                </div>
+                <div class="input-group-append">
+                    <button class="sz-but btn btn-info" onClick="ChangeSize(this,128)">M</button>
+                </div>
+                <div class="input-group-append">
+                    <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,192)">L</button>
+                </div>
+                <div class="input-group-append">
+                    <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,256)">XL</button>
+                </div>
+            </div>
+        </div>
 		<br>
 		<div class="row">
 			{% for obj in entry_data %}