Merge ~ya-bo-ng/maas:fix-up-FUJ into maas:master

[Anthony Dillon]

LP: #1749871 - Fix the layout of the first user journey

## Done
- Made all the boxes/tables in the FUJ the same width
- Added a conditional to only display the keys table if there are keys

## QA
- Create a new user
- Login using a different or private window
- Check that the shh keys table is not visible but becomes visible when you add keys
- See that all the boxes are full width

Fixes https://bugs.launchpad.net/maas/+bug/1749871

[Andres Rodriguez (andreserl)]

lgtm!

review: Approve

[MAAS Lander (maas-lander)]

LANDING
-b fix-up-FUJ lp:~ya-bo-ng/maas/+git/maas into -b master lp:~maas-committers/maas

STATUS: FAILED BUILD
LOG: http://maas-ci-jenkins.internal:8080/job/maas/job/branch-tester/1683/consoleText

[MAAS Lander (maas-lander)]

LANDING
-b fix-up-FUJ lp:~ya-bo-ng/maas/+git/maas into -b master lp:~maas-committers/maas

STATUS: FAILED BUILD
LOG: http://maas-ci-jenkins.internal:8080/job/maas/job/branch-tester/1689/consoleText

diff --git a/src/maasserver/static/partials/intro-user.html b/src/maasserver/static/partials/intro-user.html
index 3e0384e..6110b93 100644
--- a/src/maasserver/static/partials/intro-user.html
+++ b/src/maasserver/static/partials/intro-user.html
@@ -13,7 +13,7 @@
         </div>
     </div>
     <div class="row">
-        <div class="p-card--highlighted col-6" data-ng-if="isSuperUser()" data-ng-class="{'u-muted': !canContinue()}">
+        <div class="p-card--highlighted col-12" data-ng-if="isSuperUser()" data-ng-class="{'u-muted': !canContinue()}">
             <h2 class="p-card__title">
                 MAAS has been successfully set up
             </h2>
diff --git a/src/maasserver/static/partials/intro.html b/src/maasserver/static/partials/intro.html
index 8a9b323..0729252 100644
--- a/src/maasserver/static/partials/intro.html
+++ b/src/maasserver/static/partials/intro.html
@@ -1,6 +1,6 @@
 <section class="p-strip" data-ng-if="!loading">
     <div class="row">
-        <div class="col-10">
+        <div class="col-12">
             <div class="p-card--highlighted">
                 <h2 class="p-card__title">
                     <i data-ng-class="{ 'p-icon--success': !welcomeInError(), 'p-icon--error': welcomeInError() }"></i>
@@ -19,7 +19,7 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-10">
+        <div class="col-12">
             <div class="p-card--highlighted">
                 <h2 class="p-card__title u-vertically-center">
                     <i data-ng-class="{ 'p-icon--success': !networkInError(), 'p-icon--error': networkInError() }"></i>&nbsp;Connectivity
@@ -61,7 +61,7 @@
         <maas-boot-images design="'card'"></maas-boot-images>
     </div>
     <div class="row">
-        <div class="col-10">
+        <div class="col-12">
             <button class="p-button--positive" data-ng-disabled="!canContinue()" data-ng-click="clickContinue()">Continue</button>
         </div>
     </div>
diff --git a/src/maasserver/static/partials/ssh-keys.html b/src/maasserver/static/partials/ssh-keys.html
index 910bdfb..b3dfd96 100644
--- a/src/maasserver/static/partials/ssh-keys.html
+++ b/src/maasserver/static/partials/ssh-keys.html
@@ -1,6 +1,6 @@
 <div class="row">
     <div class="col-12">
-        <table class="p-table-expanding">
+        <table class="p-table-expanding" data-ng-if="groupedKeys.length">
             <thead>
                 <tr>
                     <th class="col-4">Source</th>