Further Simplify the filter system

resources/style.css

@@ -27,9 +27,21 @@ body.compare, body.timeline {
 
 .project_container {
   display: grid;
-  grid-template-columns: 25% 50% 50%;
+  grid-template-columns: 20% 50% 50%;
+} 
+
+
+#branchSearch{
+  width: 100%;
+  max-width: 100%;
 }
 
+.filter-header{
+  width: 150px;
+  max-width: 150px;
+  display: flex;
+  overflow-x: hidden;
+}
 
 .links_card {
   border: 1px solid #ddd;
@@ -40,18 +52,8 @@ body.compare, body.timeline {
 
   margin-top: 1em;
 
-  width: 200px;
-}
-
-.links_card .filter-options {
-  display: flex;
-  justify-content: space-between;
-}
-
-.links_card .filter-option {
-  cursor: pointer;
-  border-radius: 4px;
-  border: 1px solid transparent;
+  width: 150px;
+  max-width: 150px;
 }
 
 .links_card .filter-option.selected-text {
@@ -78,31 +80,6 @@ body.compare, body.timeline {
   color: white;
 }
 
-.filter-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1px;
-  background-color: #fff;
-  border-radius: 5px 5px 0 0;
-
-  width: 100%;
-}
-
-.filter-header input {
-  flex-grow: 1;
-  margin-right: 10px;
-  padding: 5px;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-}
-
-.filter-header .settings-icon {
-  cursor: pointer;
-  font-size: 1.5em;
-  color: #888;
-}
-
 .filter-options {
   background-color: #fff;
   border-top: none;