Reduce width on large screens

Toxantron · Nov 10, 2018 · 719f304 · 719f304
1 parent b2f2490
commit 719f304
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/src/templates/home.php b/src/templates/home.php
@@ -3,19 +3,17 @@
 ?>
 <!-- Introduction -->
 <div class="row">
-  <article class="col-xs-12">
+  <article class="col-xs-12 col-lg-10 col-lg-offset-1">
     <p>
       <h2>Scrum Online</h2>
-      Welcome to my open source Planning Poker&reg; web app. Use of this app is free of charge for everyone. As a scrum master just start 
-      a named session and invite your team to join you. It is recommended to display the scrum master view on the big screen 
-      (TV or projector) and let everyone else join via smartphone. To join a session just enter the id displayed in the 
-      heading of the scrum master view.
+      Welcome to my open source Planning Poker® web app. Use of this app is free of charge for everyone. As a scrum master just start a named session 
+      and invite your team to join you. It is recommended to display the scrum master view on the big screen (TV or projector) and let everyone else 
+      join via smartphone. To join a session just enter the id displayed in the heading of the scrum master view or use the QR-Code.
     </p>
 
     <p>
-      Developing, maintaining and hosting this application costs personal time and money. To keep the page ad-free, I am asking
-      for your help. If you would like to support my efforts and help keep the lights on, you can either donate through the button below 
-      or <a href="https://scrumpoker.online/sponsors">become an official sponsor</a>.
+      Developing, maintaining and hosting this application costs personal time and money. If you would like to support my efforts and help keep the 
+      lights on, you can either donate through the button below or <a href="https://scrumpoker.online/sponsors">become an official sponsor</a>.
     </p>
     <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
       <input type="hidden" name="cmd" value="_s-xclick">
@@ -27,10 +25,10 @@
 </div>
 
 <div class="row">
-  <h2 class="col-xs-12">Create or join a session</h2>
+  <h2 class="col-xs-12 col-lg-10 col-lg-offset-1">Create or join a session</h2>
 
   <!-- Create session panel -->
-  <div class="col-sm-6 col-xs-12" ng-controller="CreateController as create">
+  <div class="col-xs-12 col-sm-6 col-lg-5 col-lg-offset-1" ng-controller="CreateController as create">
     <div class="panel panel-default">
       <div class="panel-heading">Create session</div>
       <div class="panel-body">  
@@ -73,7 +71,7 @@
   </div>
 
   <!-- Join session panel -->
-  <div class="col-sm-6 col-xs-12" ng-controller="JoinController as join">
+  <div class="col-xs-12 col-sm-6 col-lg-5" ng-controller="JoinController as join">
     <div class="panel panel-default">
       <div class="panel-heading">Join session</div>
       <div class="panel-body">