Improved eQSL interface

application/views/eqsl/export.php

@@ -1,6 +1,19 @@
-<div class="container">
 
-<h2><?php echo $page_title; ?></h2>
+<div class="container eqsl">
+<div class="card">
+  <div class="card-header">
+  	<h5 class="card-title"><?php echo $page_title; ?></h5>
+    <ul class="nav nav-tabs card-header-tabs">
+      <li class="nav-item">
+        <a class="nav-link" href="<?php echo site_url('eqsl/import');?>">Import</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link active" href="<?php echo site_url('eqsl/Export');?>">Export</a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="card-body">
   <?php $this->load->view('layout/messages'); ?>
 
 <?php
@@ -27,3 +40,5 @@
 	}
 ?>
 </div>
+
+</div>

application/views/eqsl/import.php

@@ -1,5 +1,17 @@
-<div class="container">
-<h2><?php echo $page_title; ?></h2>
+<div class="container eqsl">
+<div class="card">
+  <div class="card-header">
+  	<h5 class="card-title"><?php echo $page_title; ?></h5>
+    <ul class="nav nav-tabs card-header-tabs">
+      <li class="nav-item">
+        <a class="nav-link active" href="<?php echo site_url('eqsl/import');?>">Download QSOs</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="<?php echo site_url('eqsl/Export');?>">Upload QSOs</a>
+      </li>
+    </ul>
+  </div>
+  <div class="card-body">
 		<?php $this->load->view('layout/messages'); ?>
 
 		<?php echo form_open_multipart('eqsl/import');?>
@@ -22,5 +34,7 @@
 		<input class="btn primary" type="submit" value="Import" />
 
 		</form>
+  </div>
+</div>
 
 </div>

assets/css/general.css

@@ -26,6 +26,10 @@
 	padding-top: 15px;
 }
 
+.eqsl {
+    padding-top: 15px;
+}
+
 .search {
 	padding-top: 15px;
 }