diff --git a/src/main/webapp/download.jsp b/src/main/webapp/download.jsp
index 63f6bdc..2a13bc8 100644
--- a/src/main/webapp/download.jsp
+++ b/src/main/webapp/download.jsp
@@ -1,10 +1,15 @@
<%@ taglib uri="jakarta.tags.core" prefix="c" %>
<%@ page isELIgnored="false" %>
<html>
- <body style="background-color:black; color:white">
- Download dependencies (Link only works once!): <a href="${WEB_ROOT}/download/zip?file=${zipFilename}">${zipFilename}</a><br/>
- <a href="${WEB_ROOT}/logout">logout</a> | <a href="${WEB_ROOT}">back</a><br/>
- Maven Output:<br/>
+ <head>
+ <link rel="stylesheet" href="${WEB_ROOT}/style/main.css">
+ </head>
+ <body>
+ <h2>Hello ${username}</h2>
+ <a href="${WEB_ROOT}/logout">logout</a> | <a href="${WEB_ROOT}">back</a>
+ <h3>Download dependencies</h3>
+ (Link only works once!) <a href="${WEB_ROOT}/download/zip?file=${zipFilename}">${zipFilename}</a>
+ <h3>Maven Output:</h3>
<pre>${stdout}</pre>
</body>
</html>
diff --git a/src/main/webapp/main.jsp b/src/main/webapp/main.jsp
index 75f423b..3107d43 100644
--- a/src/main/webapp/main.jsp
+++ b/src/main/webapp/main.jsp
@@ -1,21 +1,59 @@
<%@ taglib uri="jakarta.tags.core" prefix="c" %>
<%@ page isELIgnored="false" %>
<html>
-<body style="background-color:black; color:white">
-<h2>Hello ${username}</h2>
-<form method="get" action="${WEB_ROOT}/download/jars">
- <input type="hidden" name="type" value="artifact"/>
- Repository: <input type="text" name="repository" value="https://source.devloop.de/api/packages/damage/maven/" /><br/>
- Group ID: <input type="text" name="groupId" value="org.apache.activemq"/><br/>
- Artifact ID: <input type="text" name="artifactId" value="artemis-core-client"/><br/>
- Version: <input type="text" name="version" value="2.39.0"/><br/>
- <input type="submit"/>
-</form>
-<form method="post" action="${WEB_ROOT}/download/jars">
- <input type="hidden" name="type" value="pom"/>
- POM: <textarea name="pom" cols="80" rows="20"></textarea><br/>
- <input type="submit"/>
-</form>
-<a href="${WEB_ROOT}/logout">logout</a>
-</body>
+ <head>
+ <link rel="stylesheet" href="${WEB_ROOT}/style/main.css">
+ </head>
+ <body>
+ <h2>Hello ${username}</h2>
+ <a href="${WEB_ROOT}/logout">logout</a>
+ <h3>download dependencies of given artifact:</h3>
+ <form method="get" action="${WEB_ROOT}/download/jars">
+ <input type="hidden" name="type" value="artifact"/>
+ <div class="row">
+ <div class="label">
+ <label for="repository">Repository:</label>
+ </div>
+ <div class="input">
+ <input type="text" name="repository" id="repository" value="https://source.devloop.de/api/packages/damage/maven/" />
+ </div>
+ </div>
+ <div class="row">
+ <div class="label">
+ <label for="groupId">Group ID:</label>
+ </div>
+ <div class="input small">
+ <input type="text" name="groupId" id="groupId" value="org.apache.activemq"/>
+ </div>
+ </div>
+ <div class="row">
+ <div class="label">
+ <label for="artifactId">Artifact ID:</label>
+ </div>
+ <div class="input small">
+ <input type="text" name="artifactId" id="artifactId" value="artemis-core-client"/>
+ </div>
+ </div>
+ <div class="row">
+ <div class="label">
+ <label for="version">Version:</label>
+ </div>
+ <div class="input small">
+ <input type="text" name="version" id="version" value="2.39.0"/>
+ </div>
+ </div>
+ <input type="submit" value="download by artifact"/>
+ </form>
+
+ <h3>download dependencies as given in pom.xml:</h3>
+ <form method="post" action="${WEB_ROOT}/download/jars">
+ <input type="hidden" name="type" value="pom"/>
+ <div class="row">
+ <div class="input big">
+ <textarea name="pom" id="pom"></textarea><br/>
+ </div>
+ </div>
+ <input type="submit" value="download by pom.xml"/>
+ </form>
+ </body>
</html>
diff --git a/src/main/webapp/style/main.css b/src/main/webapp/style/main.css
new file mode 100644
index 0000000..1ff24b7
--- /dev/null
+++ b/src/main/webapp/style/main.css
@@ -0,0 +1,46 @@
+body {
+ background-color: #1b1b1b;
+ color: #c0c0c0;
+}
+
+h3 {
+ margin-bottom: 0;
+}
+
+textarea, input {
+ background-color: #2b2b2b;
+ color: #c0c0c0;
+}
+
+.row {
+ width: 100%;
+}
+
+.row div {
+ display: inline-block;
+}
+
+.label {
+ width: 75pt;
+}
+
+.input {
+ width: 300pt;
+}
+
+.input.small {
+ width: 150pt;
+}
+
+.input.big {
+ width: 500pt;
+}
+
+.input input, .input textarea {
+ width: 100%;
+}
+
+.input textarea {
+ height: 50em;
+ white-space: pre;
+}
\ No newline at end of file