diff --git a/client/views/public.ejs b/client/views/public.ejs
index 16d386de4c2680a04666b27857d1d5b1fbf0b17b..69179ec22bf66ff43ea33454101864740d30b9f1 100644
--- a/client/views/public.ejs
+++ b/client/views/public.ejs
@@ -9,11 +9,10 @@
<body>
<div id="mainFrame" class="container-fluid">
<div id="headerBar" class="row">
- <div class="card text-center">
- <h2>
- Public interface
- </h2>
- </div>
+ <nav class="navbar navbar-expand-lg navbar-light bg-light">
+ <button id="navButton1" type="button" class="btn btn-primary">Button</button>
+ <input id="searchField" type="text" placeholder="Search">
+ </nav>
</div>
<div id="panelWrapper" class="row">
<div id="mainList" class="col">
diff --git a/style/css/public.css b/style/css/public.css
index bb12dd0859abef81ec15efacd6f89c0441ddcf88..18044ee98a1a308148b5cf98e6df7eb9a7ca9361 100644
--- a/style/css/public.css
+++ b/style/css/public.css
@@ -13,7 +13,39 @@ body{
#headerBar{
flex-grow: 1;
- min-height: 15vh;
+ min-height: 150px;
+ max-height: 15vh;
+
+}
+
+
+nav{
+ width: 100%;
+ margin: auto;
+ height: 100%;
+ padding: 0px!important;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap!important;
+}
+
+
+#navButton1{
+ height: 100%!important;
+ margin: 10px 0 10px 0;
+ flex-basis: auto;
+ font-size: 2rem;
+}
+
+#searchField{
+ height: 100%!important;
+ margin: 10px 0 10px 0;
+ width: 100%;
+ min-width: 0px!important;
+ flex-grow: 1!important;
+ flex-shrink: 1!important;
+ font-size: 2rem;
+ line-height: 2rem;
}
@@ -35,5 +67,5 @@ body{
}
.karaCardHeader{
- border-radius: 25px 25px 0 0;
+ border-radius: 25px 25px 0px 0px!important;
}
\ No newline at end of file