better select buttons

frontend/src/Apps/ResearcherProfile.vue

@@ -1,5 +1,7 @@
 <script setup>
 
+
+
 </script>
 
 <template>
@@ -49,8 +51,11 @@
       <option value="years">Years</option>
       <option value="months">Months</option>
       <option value="topics">Topics</option>
-
     </select>
+
+     
+
+
     </div>
 
   </div>
@@ -90,7 +95,6 @@
 .surrounded {
   border:2px solid black;
   color:white;
-  background-color:rgb(50,50,50);
   font-size: x-large;
   align-self: center;
   text-align: center;
@@ -98,7 +102,20 @@
   border-radius:20px;margin-bottom:10px;
 }
 
+.surrounded select {
+  margin-top: 2px;
+  margin-bottom: 2px;
+  border: 1px solid black;
+  color: white;
+  background-color: rgb(255,255,255,0.1);
+  font-size: large;
+  align-self: center;
+  text-align: center;
+
+}
+
 #stats {
+
 }