QR style changes

css/main.css

@@ -999,24 +999,31 @@ a.text-white:hover {color: #ccc;}
 
 .box-setup .panel {
   background-color: #2C3E50;
-  padding: 0.5rem;
+  padding: 1rem;
   border: 0;
 }
 
 .panel qrcode {
   float: left;
-  width: 260px;
-  height: 260px;
+  width: 160px;
+  height: 160px;
   padding: 5px 0 0 5px;
   background-color: white;
 }
 
+.panel qrcode canvas {
+  width: 150px;
+  height: 150px;
+}
+
 .panel .secret {
+  line-height: 1.3rem;
+  padding-top: 4rem;
   float: left;
-  margin-left: 10px;
+  margin-left: 2rem;
   overflow-wrap: break-word;
-  width: 50%;
-  text-align: center;
+  width: 55%;
+  text-align: left;
 }
 
 /*-----------------------------------------------------------------*/

css/mobile.css

@@ -102,5 +102,18 @@
     border-right: 1px solid #425568;
   }
 
+  .panel .secret {
+    padding-top: 0.5rem;
+    display: block;
+    width: 100%;
+    margin-left: 0;
+    text-align: center;
+  }
+
+  .panel qrcode {
+    display: block;
+    float: none;
+    margin: 0 auto;
+  }
 }
 

views/copayers.html

@@ -11,7 +11,7 @@
           <h3>Share this secret with your other copayers</h3>
           <div class="panel">
             <qrcode size="250" data="{{$root.wallet.getSecret()}}"></qrcode>
-            <div class="secret" class="ellipsis text-gray size-14">{{$root.wallet.getSecret()}}</div>
+            <div class="secret text-gray size-14">{{$root.wallet.getSecret()}}</div>
             <div style="clear:both;"></div>
           </div>
         </div>