public/assets/css/general.css

@@ -63,7 +63,7 @@ h2 {
 }
 
 p, h3 {
-	padding-left: 0.3em;
+
 	font-size: x-large;
 }
 
@@ -90,6 +90,7 @@ p, h3 {
 
 .pull-quote {
 	font-size: 3rem;
+	margin-top: 1rem;
 }
 
 .publish-fine-print {
@@ -242,8 +243,11 @@ align-content-left {
 
 /* ERROR MESSAGES */
 
-. info-message {
+.info-message {
 	font-weight: bold;
+	font-size: medium;
+	margin: 0px;
+	padding: 0.3em;
 }
 
 .info-message--success {
@@ -256,7 +260,7 @@ align-content-left {
 
 .info-message-placeholder {
 	display: block;
-	height: 2rem;
+	height: 3rem;
 }
 
 /* INPUT FIELDS */

views/login.handlebars

@@ -1,4 +1,4 @@
-<div class="row">
+<div class="row row--padded">
     <div class="column column--5 column--med-10 align-content-top">
         <div class="column column--8 column--med-10">
             <p>Channels allow you to publish and group content under an identity. You can create a channel for yourself, or share one with like-minded friends.  You can create 1 channel, or 100, so whether you're documenting <a target="_blank" href="/@hikingchris45">a hike around town</a>, or making a public repository for <a target="_blank" href="/@catGifs">cat gifs</a> (password: '1234'), try creating a channel for it!</p>

views/partials/channelCreationForm.handlebars

@@ -3,9 +3,6 @@
         <div class="column column--3 column--sml-10">
             <label class="label" for="new-channel-name">Name:</label>
         </div><div class="column column--6 column--sml-10">
-            <div class="info-message-placeholder">
-                <div id="input-error-channel-name" class="info-message info-message--failure"></div>
-            </div>
             <div class="input-text--primary">
                 <span>@</span>
                 <input type="text" name="new-channel-name" id="new-channel-name" class="input-text" placeholder="exampleChannelName" value="" oninput="checkChannelName(event.target.value)">
@@ -22,7 +19,9 @@
             </div>
         </div>
     </div>
-
+    <div class="info-message-placeholder">
+        <div id="input-error-channel-name" class="info-message info-message--failure"></div>
+    </div>
     <div class="row row--wide">
         <button class="button--primary" onclick="publishNewChannel(event)">Create Channel</button>
     </div>

views/partials/channelLoginForm.handlebars

@@ -3,9 +3,6 @@
         <div class="column column--3 column--sml-10">
             <label class="label" for="channel-login-name-input">Name:</label>
         </div><div class="column column--6 column--sml-10">
-            <div class="info-message-placeholder">
-                <div id="login-error-display-element" class="info-message info-message--failure"></div>
-            </div>
             <div class="input-text--primary">
                 <span>@</span>
                 <input type="text" id="channel-login-name-input" class="input-text" placeholder="" value="">
@@ -21,6 +18,9 @@
             </div>
         </div>
     </div>
+    <div class="info-message-placeholder">
+        <div id="login-error-display-element" class="info-message info-message--failure"></div>
+    </div>
     <div class="row row--wide">
         <button class="button--primary" onclick="loginToChannel(event)">Authenticate</button>
     </div>