add spacing to scan qr code text in profile card (#3652)

* add margin to text

* Revert "add margin to text"

This reverts commit b87d723.

* add margin to text

* remove strict cols to allow responsiveness

* add horizontal margin

packages/playground/src/dashboard/twin_view.vue

@@ -185,8 +185,8 @@
           </v-col>
 
           <v-divider vertical aria-colspan="1"></v-divider>
-          <v-col lg="4" md="12" sm="12" class="my-4" v-if="profileManager.profile">
-            <div class="text-center my-3">
+          <v-col v-if="profileManager.profile">
+            <div class="text-center my-3 mx-2">
               <p>
                 Scan the QR code using
                 <a class="app-link" :href="manual.tf_connect_app" target="_blank"> ThreeFold Connect </a>