From 4046c00a01f22760acd7ea9a9991c533cad61f86 Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Sun, 6 Dec 2020 04:22:56 +0000
Subject: [PATCH] Improve edit/new screenshot appearance

---
 app/templates/packages/screenshot_edit.html | 37 ++++++++++++---------
 app/templates/packages/screenshot_new.html  |  2 ++
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/app/templates/packages/screenshot_edit.html b/app/templates/packages/screenshot_edit.html
index 84e592a..9e8c727 100644
--- a/app/templates/packages/screenshot_edit.html
+++ b/app/templates/packages/screenshot_edit.html
@@ -1,26 +1,31 @@
 {% extends "base.html" %}
 
 {% block title %}
-	Add a screenshot | {{ package.title }}
+	Edit screenshot | {{ package.title }}
 {% endblock %}
 
 {% block content %}
-	<a href="{{ screenshot.url }}">
-		<img src="{{ screenshot.getThumbnailURL() }}" alt="{{ screenshot.title }}" />
-	</a>
+	<div class="row">
+		{% from "macros/forms.html" import render_field, render_submit_field, render_checkbox_field %}
+		<form method="POST" action="" enctype="multipart/form-data" class="col-md">
+			<h1>Edit screenshot</h1>
 
-	{% from "macros/forms.html" import render_field, render_submit_field, render_checkbox_field %}
-	<form method="POST" action="" enctype="multipart/form-data">
-		{{ form.hidden_tag() }}
+			{{ form.hidden_tag() }}
 
-		{{ render_field(form.title) }}
-		{{ render_checkbox_field(form.delete) }}
+			{{ render_field(form.title) }}
+			{{ render_checkbox_field(form.delete) }}
 
-		{% if package.checkPerm(current_user, "APPROVE_SCREENSHOT") %}
-			{{ render_checkbox_field(form.approved) }}
-		{% else %}
-			<p>Approved: {{ screenshot.approved }}</p>
-		{% endif %}
-		{{ render_submit_field(form.submit) }}
-	</form>
+			{% if package.checkPerm(current_user, "APPROVE_SCREENSHOT") %}
+				{{ render_checkbox_field(form.approved) }}
+			{% else %}
+				<p>Approved: {{ screenshot.approved }}</p>
+			{% endif %}
+
+			{{ render_submit_field(form.submit) }}
+		</form>
+
+		<a href="{{ screenshot.url }}" class="col-md-4 text-right">
+			<img src="{{ screenshot.getThumbnailURL() }}" alt="{{ screenshot.title }}" />
+		</a>
+	</div>
 {% endblock %}
diff --git a/app/templates/packages/screenshot_new.html b/app/templates/packages/screenshot_new.html
index 7d6d585..ad04d0a 100644
--- a/app/templates/packages/screenshot_new.html
+++ b/app/templates/packages/screenshot_new.html
@@ -5,6 +5,8 @@
 {% endblock %}
 
 {% block content %}
+	<h1>Add a screenshot</h1>
+
 	{% from "macros/forms.html" import render_field, render_submit_field %}
 	<form method="POST" action="" enctype="multipart/form-data">
 		{{ form.hidden_tag() }}