diff --git a/pom.xml b/pom.xml
index 6477c90..39ea1ee 100644
--- a/pom.xml
+++ b/pom.xml
@@ -6,7 +6,7 @@
 
     <groupId>org.example</groupId>
     <artifactId>Widerhall</artifactId>
-    <version>0.2.50</version>
+    <version>0.2.51</version>
     <build>
         <plugins>
             <plugin>
diff --git a/static/templates/archive.st b/static/templates/archive.st
index cb76599..c6bd653 100644
--- a/static/templates/archive.st
+++ b/static/templates/archive.st
@@ -1,13 +1,19 @@
 <!DOCTYPE html>
 <html>
     «head()»
-    <body>
+    <body id="archive">
         «navigation()»
         «userinfo()»
         «messages()»
-        <h1>Widerhall List Archive</h1>
+        <h1>«data.list»&nbsp; &nbsp;List Archive</h1>
+
+        <fieldset>
+            <legend>Subscription</legend>
+            <a href="subscribe?list=«data.list»">subscribe</a>
+            <a href="unsubscribe?list=«data.list»">un-subscribe</a>
+        </fieldset>
 «if(data.month)»
-        <table id="archive">
+        <table>
             <tr>
                 <th>Date</th>
                 <th>From</th>
@@ -18,7 +24,7 @@
             loadArchive('«data.list»','«data.month»');
         </script>
 «else»
-        <table id="archive">
+        <table>
             <tr>
                 <th>Month</th>
                 <th>Number of messages</th>
diff --git a/static/templates/css.st b/static/templates/css.st
index b971f92..5fbba42 100644
--- a/static/templates/css.st
+++ b/static/templates/css.st
@@ -132,6 +132,14 @@ td, th{
     text-align: center;
 }
 
+#archive fieldset{
+    text-align: center;
+}
+
+#archive fieldset a{
+    display: initial;
+}
+
 #archive td, #archive th{
     text-align: left;
 }
@@ -141,7 +149,7 @@ pre {
     margin-left: 10px;
 }
 
-#archive a{
+#archive table a{
     background: none;
     border: none;
     text-decoration: underline;
diff --git a/static/templates/js.st b/static/templates/js.st
index 4189875..c49b452 100644
--- a/static/templates/js.st
+++ b/static/templates/js.st
@@ -86,7 +86,7 @@ function showListArchive(data){
         $('<td/>').html('<a href="'+url+'">'+post.date+'</a>').appendTo(row);
         $('<td/>').html('<a href="'+url+'">'+post.from_name+'</a>').appendTo(row);
         $('<td/>').html('<a href="'+url+'">'+post.subject+'</a>').appendTo(row);
-        row.appendTo($('#archive'));
+        row.appendTo($('#archive table'));
     }
 }
 
@@ -98,7 +98,7 @@ function showListArchiveSummary(data){
         let row = $('<tr/>');
         $('<td/>').html('<a href="'+url+'">'+month+'</a>').appendTo(row);
         $('<td/>').html('<a href="'+url+'">'+summary[month]+'</a>').appendTo(row);
-        row.appendTo($('#archive'));
+        row.appendTo($('#archive table'));
     }
 }
 

Month	Number of messages	').html(''+post.date+'').appendTo(row); $('	').html(''+post.from_name+'').appendTo(row); $('	').html(''+post.subject+'').appendTo(row); - row.appendTo($('#archive')); + row.appendTo($('#archive table')); } } @@ -98,7 +98,7 @@ function showListArchiveSummary(data){ let row = $('
').html(''+month+'').appendTo(row); $('	').html(''+summary[month]+'').appendTo(row); - row.appendTo($('#archive')); + row.appendTo($('#archive table')); } }