diff --git a/web/data/config.html b/web/data/config.html
index 3059dc7..f95ecee 100644
--- a/web/data/config.html
+++ b/web/data/config.html
@@ -55,6 +55,12 @@
       change only, and does not hide the uploaders actual identity.
     </p>
 
+    <p>Exclusions can be specified, zero or more arbitrary strings. If any
+      file matches one of those strings then it will not be uploaded. This is most
+      often used if you use software (like Steam) which automatically creates thumbnails
+      in the same directory as the screenshots.
+    </p>
+
     <template x-for="(watcher, i) in config.Watchers">
       <div class="my-5">
         <div class="form-row align-items-center">
@@ -96,6 +102,33 @@
           </div>
         </div>
 
+
+        <div class="form-row align-items-center">
+          <div class="col-sm-6 my-1">
+            <span>Exclusions</span>
+          </div>
+          <div class="col-sm-6 my-1">
+            <template x-for="(exclude, j) in config.Watchers[i].Exclude">
+              <div class="form-row">
+                <div class="col">
+                  <input type="text" class="form-control" x-model="config.Watchers[i].Exclude[j]">
+                </div>
+                <div class="col">
+                  <button type="button" class="btn btn-danger" href="#" @click.prevent="config.Watchers[i].Exclude.splice(j, 1);">
+                  -            
+                  </button>
+                </div>
+              </div> 
+     
+            </template>
+            <button type="button" class="btn btn-secondary" href="#"
+             @click.prevent="config.Watchers[i].Exclude.push('');">
+        +</button>
+          </div>
+        </div>
+
+
+
         <button type="button" class="btn btn-primary" href="#" @click.prevent="config.Watchers.splice(i, 1);">Remove
           this watcher</button>
 
@@ -105,7 +138,7 @@
 
     <div class="my-5">
       <button type="button" class="btn btn-secondary" href="#"
-        @click.prevent="config.Watchers.push({Username: '', WebHookURL: '', Path: '', NoWatermark: false});">
+        @click.prevent="config.Watchers.push({Username: '', WebHookURL: '', Path: '', NoWatermark: false, Exclude: []});">
         Add a new watcher</button>
     </div>
 
diff --git a/web/data/dau.css b/web/data/dau.css
index 35f740a..d995976 100644
--- a/web/data/dau.css
+++ b/web/data/dau.css
@@ -6,7 +6,7 @@
 a,
 a:focus,
 a:hover {
-  color: #fff;
+  color: #f44;
 }
 
 /* Custom default button */
@@ -31,15 +31,15 @@ body {
 }
 
 body {
-  display: -ms-flexbox;
-  display: flex;
+  /* display: -ms-flexbox;
+  display: flex; */
   color: #fff;
   text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
   box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
 }
 
 .DAU-container {
-  max-width: 42em;
+  max-width: 52em;
 }
 
 pre {
diff --git a/web/data/wrapper.tmpl b/web/data/wrapper.tmpl
index d6a0e43..3678a26 100644
--- a/web/data/wrapper.tmpl
+++ b/web/data/wrapper.tmpl
@@ -33,7 +33,7 @@
 <link href="/dau.css" rel="stylesheet">
 </head>
 
-<body class="text-center">
+<body class="">
 
 <div class="DAU-container d-flex w-100 h-100 p-3 mx-auto flex-column">
  <header class="masthead mb-auto">
