1diff --git a/scss/main.scss b/scss/main.scss
2index faad1caee8041b36f946b89d7f8b309d042426c2..033315f51b4c6b75ed6da68eb9d5faa25656409b 100644
3--- a/scss/main.scss
4+++ b/scss/main.scss
5@@ -1,7 +1,7 @@
6 $breakpoint: 520px;
7
8 $tablet: $breakpoint;
9-$body-font-size: 1.3rem;
10+$body-font-size: 1rem;
11 $radius-rounded: 0;
12 $container-max-width: 920px;
13
14@@ -14,6 +14,9 @@
15 $card-shadow: 0;
16 $card-radius: 0;
17 $card-content-padding: 0;
18+
19+$table-cell-padding: 0.5em;
20+$table-cell-border-width: 0;
21
22 @import "bulma/sass/base/_all.sass";
23 @import "bulma/sass/utilities/_all.sass";
24@@ -63,6 +66,10 @@
25 @include until($breakpoint) {
26 width: auto;
27 }
28+}
29+
30+th {
31+ font-weight: normal;
32 }
33
34 .img {
35diff --git a/templates/settings.html b/templates/settings.html
36index f8423fc2753c7f9defc286d21cc551064c7942e8..2aa1a80ea944113afeac78ecc08cac704956187d 100644
37--- a/templates/settings.html
38+++ b/templates/settings.html
39@@ -1,25 +1,63 @@
40 {{template "layout.html" .}}
41 {{define "title"}} {{.Title}} {{end}}
42 {{define "content"}}
43-<form action="/settings/", method="post">
44- <div class="field">
45- <div class="control">
46- <label class="checkbox">
47- <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
48- Show File Modes
49- </label>
50- </div>
51+<div class="columns">
52+ <div class="column is-one-third">
53+ <form action="/settings/", method="post">
54+ <div class="field">
55+ <div class="control">
56+ <label class="checkbox">
57+ <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
58+ Show File Modes
59+ </label>
60+ </div>
61+ </div>
62+ <div class="field">
63+ <div class="control">
64+ <label class="checkbox">
65+ <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
66+ Show File Owner
67+ </label>
68+ </div>
69+ </div>
70+ <div class="field">
71+ <input class="button" value="save" type="submit">
72+ </div>
73+ </form>
74 </div>
75- <div class="field">
76- <div class="control">
77- <label class="checkbox">
78- <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
79- Show File Owner
80- </label>
81+ <div class="column">
82+ <div class="table-container">
83+ <table class="table">
84+ <thead>
85+ <tr>
86+ <th>Username</th>
87+ <th>Path</th>
88+ <th>Is Admin?</th>
89+ <th>Action</th>
90+ </tr>
91+ </thead>
92+ <tbody>
93+ <tr>
94+ <td>gabrielgio</td>
95+ <td>/home/gabrielgio</td>
96+ <td>yes</td>
97+ <td>
98+ <a href="#" class="button is-small">Edit</button>
99+ <a href="#" class="button is-small is-danger">Delete</button>
100+ </td>
101+ </tr>
102+ <tr>
103+ <td>beatriz</td>
104+ <td>/home/beatriz</td>
105+ <td>no</td>
106+ <td>
107+ <a href="#" class="button is-small">Edit</button>
108+ <a href="#" class="button is-small is-danger">Delete</button>
109+ </td>
110+ </tr>
111+ </tbody>
112+ </table>
113 </div>
114 </div>
115- <div class="field">
116- <input class="button" value="save" type="submit">
117- </div>
118-</form>
119+</div>
120 {{end}}