style tweaks

2 files changed, 20 insertions, 5 deletions

diff --git a/static/default.css b/static/default.css
index dee55d6..bdc1128 100644
--- a/static/default.css
+++ b/static/default.css
@@ -10,8 +10,16 @@ body {
     font-weight: 200;
 }
 
+h1 {
+    margin-bottom: 4px;
+}
+
+h2 {
+    margin-bottom: 4px;
+}
+
 h3 {
-    margin-bottom: 8px;
+    margin-bottom: 2px;
 }
 
 #container {
@@ -23,16 +31,18 @@ h3 {
 
 .problem {
     border: 1px solid rgb(100, 100, 80);
+    border-radius: 10px;
     padding: 0 10px;
     margin: 8px 0;
 }
 
 .submission-div {
-    border: 1px solid black;
+    border: 1px solid rgb(100, 100, 80);
     max-height: 200px;
     overflow-y: scroll;
     background-color: rgb(200, 200, 160);
     margin-bottom: 16px;
+    margin-top: 8px;
 }
 
 .submission-table {
@@ -41,7 +51,7 @@ h3 {
 }
 
 .submission-table td, .submission-table th {
-    border: 1px solid black;
+    border: 1px solid rgb(100, 100, 80);
     text-align: left;
     padding: 2px;
 }
diff --git a/static/main.js b/static/main.js
index aad4a49..ae997f3 100644
--- a/static/main.js
+++ b/static/main.js
@@ -27,14 +27,19 @@ function create_problem_element(problem, submissions) {
     const title = document.createElement("h2");
     title.innerHTML = problem.title;
     problem_div.appendChild(title);
-
+    
     const description = document.createElement("p");
     description.innerHTML = problem.description;
     problem_div.appendChild(description);
-
+    
     const sub_title = document.createElement("h3");
     sub_title.innerHTML = "Submissions";
     problem_div.appendChild(sub_title);
+
+    const submission_link = document.createElement("a");
+    submission_link.href = "submit.html?problem=10";
+    submission_link.innerHTML = "submit solution"
+    problem_div.appendChild(submission_link);
     
     const sub_div = document.createElement("div");
     sub_div.className = "submission-div";