finished topic creation/deletion

css/base.css

@@ -345,6 +345,13 @@ ul.menu > li.separator:hover {
 }
 
 /* List of contacts */
+.flex-column {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
 .contacts-panel {
   overflow-y: auto;
   margin-top: 1rem;:
@@ -772,26 +779,26 @@ ul.menu > li.separator:hover {
 /* END of modal dialog */
 
 /* BEGIN Tabs */
-.tabbar {
-  padding-top: 1rem;
-  background: #eeeeee; /* #2196f3; */
-}
 
-.tabbar > ul {
+ul.tabbar {
+  flex-shrink: 0;
+  flex-grow: 0;
+  background: #eeeeee;
   list-style:none;
   margin:0;
   width:100%;
   overflow:hidden;
   padding:0;
-  margin-left:1rem;
+  padding-left:1rem;
 }
 
-.tabbar > ul > li {
+ul.tabbar > li {
   float: left;
 }
 
-.tabbar > ul > li > a {
+ul.tabbar > li > a {
   position: relative;
+  padding-top: 0.75rem;
   text-decoration: none;
   text-transform: uppercase;
   display: block;
@@ -805,11 +812,11 @@ ul.menu > li.separator:hover {
   box-shadow: inset 0 -2px 2.5px -1px rgba(0,0,0,0.5);
 }
 
-.tabbar li.active > a {
+ul.tabbar li.active > a {
   color: #2196f3;
 }
 
-.tabbar li.active > a:after {
+ul.tabbar li.active > a:after {
   height:0.15rem;
   display:block;
   content:"";