diff --git a/layouts/custom/repository.html b/layouts/custom/repository.html
index 8fd02419fefbe21b2dc85a734a97d8c78f1301f6..e1311695dd2ab6374539a988aa03841b0284d5b6 100644
--- a/layouts/custom/repository.html
+++ b/layouts/custom/repository.html
@@ -12,19 +12,53 @@
<!--{{ partial "footer.html" . }}--> <!-- cuts off anything after it-->
<head>
- <link rel = "stylesheet" type = "text/css" href = "static/css/sidenavRepository.css">
+ <link rel="stylesheet" type="text/css" href="/static/css/sidenavRepository.css"/>
<p>hello testing head </p>
-
+
+<!--style type="text/css">
+
+.sidenav {
+ width: 130px;
+ position: fixed;
+ z-index: 1;
+ top : 0;
+ right: 0;
+ background: #eee;
+ padding-top: 20px;
+}
+
+
+.sidenav a {
+ padding: 6px 8px 6px 16px;
+ text-decoration: none;
+ font-size: 25px;
+ color: #818181;
+ display: block;
+}
+
+
+.sidenav a:hover{
+ color: #f1f1f1;
+}
+
+
+@media screen and (max-height:450px){
+ .sidenav {padding-top: 15px;}
+ .sidenav a {font-size: 18px;}
+}
+
+</style-->
+
</head>
-<body>
+<body>
<!-- Sidebar for Filters -->
- <div id= "sidenav">
+ <div class= "sidenav">
<a href="#">Example</a>
diff --git a/static/css/sidenavRepository.css b/static/css/sidenavRepository.css
index 84d3c76ec3c5afe0524c10b169e9a17a894ab9a9..65be142a401df3a6bb523b8d57865f20a29a39f5 100644
--- a/static/css/sidenavRepository.css
+++ b/static/css/sidenavRepository.css
@@ -4,7 +4,7 @@
position: fixed; /* stay in place on scroll */
z-index: 1; /* stau on top*/
top : 0; /* stay on top*/
- left: 0; /* on left side of screen */
+ right 0; /* on left side of screen */
background: #eee;
padding-top: 20px;
}