fix(vue): toggle-button example

Author: mohdashraf010897

packages/vue/examples/toggle-button/src/App.vue

@@ -4,7 +4,7 @@
 			app="meetup_dataset"
 			url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
 		>
-			<div class="row">
+			<div class="parent-row">
 				<div class="col">
 					<toggle-button
 						componentId="CitySensor"

packages/vue/examples/toggle-button/src/styles.css

@@ -1,4 +1,4 @@
-.row {
+.parent-row, .row {
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -157,3 +157,18 @@
 .ml20 {
   margin-left: 20px;
 }
+
+
+@media only screen and (max-width: 1000px) {
+  .parent-row{
+    flex-direction: column;
+  }
+
+  .parent-row>.col{
+    width:100%;
+  }
+
+  .result-list-container {
+    width: 100%;
+  }
+}