couple updates on superadmin section to use latest css classes.

resources/frontend_client/app/superadmin/organization/partials/org_detail.html

@@ -6,29 +6,29 @@
         <h2 class="Breadcrumb Breadcrumb--page" ng-if="organization.id">{{organization.name}}</h2>
     </section>
 
-    <section>
-        <div class="p4 bordered">
+    <section class="Grid Grid--1of2">
+        <div class="Grid-cell p4 bordered rounded shadowed">
             <form name="form" novalidate>
                 <div class="FormError" ng-show="form.$error.message">{{form.$error.message}}</div>
 
-                <div ng-class="{'FormFieldError': form.slug.$error.message == undefined}">
+                <div class="Form-field" ng-class="{'FormFieldError': form.slug.$error.message == undefined}">
                     <mb-form-label form="form" display-name="Slug" field-name="slug"></mb-form-label>
-                    <input class="input full" name="slug" ng-model="organization.slug" ng-disabled="organization.id" required />
+                    <input class="Form-input full" name="slug" placeholder="A short name to go in URLs" ng-model="organization.slug" ng-disabled="organization.id" required />
                 </div>
 
-                <div ng-class="{'FormFieldError': form.name.$error.message == undefined}">
+                <div class="Form-field" ng-class="{'FormFieldError': form.name.$error.message == undefined}">
                     <mb-form-label form="form" display-name="Name" field-name="name"></mb-form-label>
-                    <input class="input full" name="name" ng-model="organization.name" required />
+                    <input class="Form-input full" name="name" placeholder="What is the name of your organization?" ng-model="organization.name" required />
                 </div>
 
-                <div ng-class="{'FormFieldError': form.description.$error.message == undefined}">
+                <div class="Form-field" ng-class="{'FormFieldError': form.description.$error.message == undefined}">
                     <mb-form-label form="form" display-name="Description" field-name="description"></mb-form-label>
-                    <input class="input full" name="description" ng-model="organization.description" />
+                    <input class="Form-input full" name="description" placeholder="What else should people know about this org?" ng-model="organization.description" />
                 </div>
 
-                <div ng-class="{'FormFieldError': form.logo_url.$error.message == undefined}">
+                <div class="Form-field" ng-class="{'FormFieldError': form.logo_url.$error.message == undefined}">
                     <mb-form-label form="form" display-name="Logo url" field-name="logo_url"></mb-form-label>
-                    <input class="input full" name="logo_url" ng-model="organization.logo_url" />
+                    <input class="Form-input full" name="logo_url" placeholder="Link to an image of your logo" ng-model="organization.logo_url" />
                 </div>
 
                 <div>

resources/frontend_client/app/superadmin/settings/partials/settings.html

@@ -28,7 +28,7 @@
                     </td>
                     <td>
                         <button class="Button Button--primary" ng-click="saveSetting(setting)" ng-disabled="!setting.value || setting.value === setting.originalValue">Save</button>
-                        <button class="mx2 Button Button--danger" ng-click="deleteSetting(setting)" ng-disabled="!setting.originalValue">Clear</button>
+                        <button class="mx2 Button" ng-class="{ 'Button--danger' : setting.value !== null}" ng-click="deleteSetting(setting)" ng-disabled="!setting.originalValue">Clear</button>
                     </td>
                 </tr>
             </tbody>