key details

api/controllers/PublishKeyController.js

@@ -4,7 +4,7 @@ module.exports = {
   create: async function (req, res) {
     try {
       const url = req.param('url')
-      if (!url.length) throw new Error('URL cannot be blank')
+      if (!url.length) throw new Error('Name cannot be blank')
 
       const created = await PublishKey.create({
         user: req.user.id,

assets/js/admin.js

@@ -51,7 +51,7 @@ class App extends React.Component {
   getRegisteredUsers () {
     return this.state.users.map(user => {
       return (
-        <li className='flex-container' key={`is-admin-${user.id}`}>
+        <li className='uri-list-item flex-container' key={`is-admin-${user.id}`}>
           <span className='flex'>{user.email}</span>
           <span className='flex'>
             <label for={`is-admin-${user.id}`} className='cb-label'>Admin?</label>
@@ -69,7 +69,7 @@ class App extends React.Component {
   getRegisteredPublishers () {
     return this.state.publishers.map(pub => {
       return (
-        <li className='flex-container' key={`is-whitelisted-${pub.id}`}>
+        <li className='uri-list-item flex-container' key={`is-whitelisted-${pub.id}`}>
           <div className='stack flex flex-container flex-vertical'>
             <span className='flex'><span className='name'>{pub.url}</span><span className='appid'>{pub.appid}</span></span>
             <span className='flex'>{pub.user.email}</span>

assets/js/index.js

@@ -185,7 +185,7 @@ class App extends React.Component {
                 </div>
               )} />
 
-              <Route path='/' render={() => <Redirect to='/targets' />} />
+              <Route path='/' render={() => <Redirect to='/keys' />} />
             </Switch>
           </section>
         </div>

assets/styles/admin.scss

@@ -1,11 +1,14 @@
 @import 'index';
+@import 'shared/listitem';
 
 .admin-container {
   .list {
     li {
       padding: 5px 0;
       height: 50px;
-      line-height: 40px;
+      min-height: 50px;
+      line-height: 50px;
+      padding: 0 14px;
 
       .stack {
         line-height: 20px;
@@ -16,6 +19,7 @@
         line-height: 40px;
         margin-right: 14px;
         cursor: pointer;
+        user-select: none;
       }
       input.checkbox[type=checkbox] {
         display: none;

assets/styles/shared/listitem.scss

@@ -43,7 +43,7 @@
     line-height: 25px;
     padding: 5px 0;
 
-    span {
+    > span {
       display: inline-block;
       width: 100%;
     }