diff --git a/scss/main.scss b/scss/main.scss
index faad1caee8041b36f946b89d7f8b309d042426c2..033315f51b4c6b75ed6da68eb9d5faa25656409b 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -1,7 +1,7 @@
$breakpoint: 520px;
$tablet: $breakpoint;
-$body-font-size: 1.3rem;
+$body-font-size: 1rem;
$radius-rounded: 0;
$container-max-width: 920px;
@@ -14,6 +14,9 @@
$card-shadow: 0;
$card-radius: 0;
$card-content-padding: 0;
+
+$table-cell-padding: 0.5em;
+$table-cell-border-width: 0;
@import "bulma/sass/base/_all.sass";
@import "bulma/sass/utilities/_all.sass";
@@ -63,6 +66,10 @@
@include until($breakpoint) {
width: auto;
}
+}
+
+th {
+ font-weight: normal;
}
.img {
diff --git a/templates/settings.html b/templates/settings.html
index f8423fc2753c7f9defc286d21cc551064c7942e8..2aa1a80ea944113afeac78ecc08cac704956187d 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -1,25 +1,63 @@
{{template "layout.html" .}}
{{define "title"}} {{.Title}} {{end}}
{{define "content"}}
-<form action="/settings/", method="post">
- <div class="field">
- <div class="control">
- <label class="checkbox">
- <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
- Show File Modes
- </label>
- </div>
+<div class="columns">
+ <div class="column is-one-third">
+ <form action="/settings/", method="post">
+ <div class="field">
+ <div class="control">
+ <label class="checkbox">
+ <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
+ Show File Modes
+ </label>
+ </div>
+ </div>
+ <div class="field">
+ <div class="control">
+ <label class="checkbox">
+ <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
+ Show File Owner
+ </label>
+ </div>
+ </div>
+ <div class="field">
+ <input class="button" value="save" type="submit">
+ </div>
+ </form>
</div>
- <div class="field">
- <div class="control">
- <label class="checkbox">
- <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
- Show File Owner
- </label>
+ <div class="column">
+ <div class="table-container">
+ <table class="table">
+ <thead>
+ <tr>
+ <th>Username</th>
+ <th>Path</th>
+ <th>Is Admin?</th>
+ <th>Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>gabrielgio</td>
+ <td>/home/gabrielgio</td>
+ <td>yes</td>
+ <td>
+ <a href="#" class="button is-small">Edit</button>
+ <a href="#" class="button is-small is-danger">Delete</button>
+ </td>
+ </tr>
+ <tr>
+ <td>beatriz</td>
+ <td>/home/beatriz</td>
+ <td>no</td>
+ <td>
+ <a href="#" class="button is-small">Edit</button>
+ <a href="#" class="button is-small is-danger">Delete</button>
+ </td>
+ </tr>
+ </tbody>
+ </table>
</div>
</div>
- <div class="field">
- <input class="button" value="save" type="submit">
- </div>
-</form>
+</div>
{{end}}