Add too much inline CSS

_includes/tool.html

@@ -4,23 +4,30 @@
 {% if tool.wikilink %}<p>Mehr infos findest du im <a href="{{tool.wikilink}}">Wiki</a>.<p>{% endif %}
 <div style="
  background-color: #fafafa;
- border: 2px solid;
+ border: 10px solid;
  border-color: #e67206;
- padding: 10px;
- margin: 10px;">
+ padding: 10px 25px;
+ max-width:500px;
+ font-family:sans-serif">
  {% for tool in site.tools %}{% if tool.uid contains {{include.uid}} %}
-  <h4>☝ {{tool.name}}</h4>
-    <ul>
-    {% for hint in tool.hints %}<li>{{hint}}</li>{% endfor %}
+  <h4 style="font-family:sans-serif;font-size:28pt;">{{tool.name}}</h4>
+    <ul style="list-style-type:none;">
+    {% for hint in tool.hints %}<li style="margin:15px 0;line-height:18pt;">{{hint}}</li>{% endfor %}
     </ul>
+    <p style="text-align:center;margin:0">
     {% for c in tool.commandsigns %}
-      <a href="https://de.wikipedia.org/wiki/Gebotszeichen" target="_blank"><img src="{{ site.baseurl }}/assets/iso7010/{{ c}}.svg" alt="{{c}}" width="10%"></a>
+      <a href="https://de.wikipedia.org/wiki/Gebotszeichen" target="_blank" style="background-image:none;"><img src="{{ site.baseurl }}/assets/iso7010/{{ c}}.svg" alt="{{c}}" width="100"></a>
     {% endfor %}
+    </p>
 
     {% if tool.safetylink %}
-      <p><b>⚠ Um dieses Gerät benutzen zu dürfen benötigst du eine <a href="{{tool.safetylink}}">Sicherheitsbelehrung</a>.</b></p>
+      <p style="line-height: 18pt; margin:10px 0">
+        <span style="float: left; color: #e67206; font-size: 40pt; display:block; width: 50pt; height: 40pt; text-align:center; line-height: 40pt;">⚠</span>Um dieses Gerät benutzen zu dürfen benötigst du eine <a href="{{tool.safetylink}}">Sicherheitsbelehrung</a>!
+      </p>
     {% endif %}
 
+    <p style="text-align:center;margin-bottom:0px;"><a href="https://www.chaotikum.org/nobreakspace/werkstatt/">www.chaotikum.org/nobreakspace/werkstatt/</a></p>
+
    {% endif %}
  {% endfor %}
  </div>