From 2ab360a4159532cf6fe741c77719a748a0fde27f Mon Sep 17 00:00:00 2001
From: Luca <Luca@hackerspace-bamberg.de>
Date: Sat, 26 Oct 2019 12:34:34 +0200
Subject: [PATCH] Set thumbnail position relative to viewport

Display thumbnail 100px from the bottom
---
 scripts/boxesserver | 3 +--
 static/self.css     | 6 ++++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/scripts/boxesserver b/scripts/boxesserver
index 767d2bb..aa3693e 100755
--- a/scripts/boxesserver
+++ b/scripts/boxesserver
@@ -334,9 +334,8 @@ class BServer:
         for nr, group in enumerate(self.groups):
             result.append('''<h3 id="h-%s" class="open" onclick="showHide('%s')">%s</h3>\n<div id="%s">\n''' % (nr, nr, _(group.title), nr))
             result.append("""
-            <div style="width: 20%%; float: right;">
             <img style="width: 200px;" id="sample-%s" src="static/nothing.png" alt="" />
-            </div>\n<ul>\n""" % (group.name))
+            <ul>\n""" % (group.name))
             for box in group.generators:
                 name = box.__name__
                 if name in ("TrayLayout2", ):
diff --git a/static/self.css b/static/self.css
index 28d7055..61c5fae 100644
--- a/static/self.css
+++ b/static/self.css
@@ -138,6 +138,12 @@ video {
 	margin-right: 10px;
 }
 
+img[id|=sample] {
+	position: fixed;
+	bottom: 100px;
+	right: calc(50% - 498px);
+}
+
 ul {
 	padding-left: 5px;
 	}