Show the backend error in the table if there is one

backend/static/css/styles.css

@@ -27,9 +27,8 @@ flex-direction: column;
   justify-content: center;
 }
 
-.watch-table {
-font-size: 90%;
-
+.pure-table.watch-table td {
+  font-size: 90%;
 }
 
 .watch-table .error {
@@ -89,3 +88,10 @@ a[target="_blank"]::after {
   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
   margin: 0 3px 0 5px;
 }
+
+.fetch-error {
+padding-top: 1em;
+font-size: 60%;
+    max-width: 400px;
+    display: block;
+    }

backend/templates/watch-overview.html

@@ -33,9 +33,12 @@
         <tr id="{{ watch.uuid }}" class="{{ loop.cycle('pure-table-odd', 'pure-table-even') }} {% if watch.last_error is defined and watch.last_error != False %}error{% endif %}">
             <td>{{ loop.index }}</td>
             <td>{% if watch.title is not none %}{{ watch.title }}{% else %}{{ watch.url }}{% endif %}<a class="external" target=_blank href="{{ watch.url }}"></a>
+{% if watch.last_error is defined and watch.last_error != False %}
+                <div class="fetch-error">{{ watch.last_error }}</div>
+                {% endif %}
             </td>
             <td>{{watch|format_last_checked_time}}
-            {% if watch.last_error is defined and watch.last_error != False %} !! {% endif %}
+
             </td>
             <td>{{watch.last_changed|format_timestamp_timeago}}</td>
             <td><a href="/api/checknow?uuid={{ watch.uuid}}" class="pure-button button-small pure-button-primary">Recheck</a> <button type="submit" class="pure-button  button-small pure-button-primary">Delete</button></td>