.heading {
    composes: global(pure-g);
    
    text-align: center;
    justify-content: center;
}

.schema {
    composes: global(pure-u);
}

.title {
    composes: global(pure-u);
    
    min-width: 50px;
}

.menu {
    composes: global(pure-g);
    
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

.menuItem {
    composes: global(pure-u-1-2);
    
    padding: 0 5px;
}

.publishing {
    composes: menuItem;
}

.version {
    composes: menuItem;
    
    text-align: right;
}

.form {
    composes: global(pure-form), global(pure-form-stacked);
    
    width: 70%;
    min-width: 700px;
    max-width: 1000px;
    
    margin: 20px auto;
}

.heading {
    composes: global(pure-g);
    
    text-align: center;
    justify-content: center;
}

.title,
.schema {
    composes: global(pure-u);
    
    padding: 0.15em;
}

.title {
    min-width: 50px;
    
    padding-left: 0.5em;
    padding-right: 0.5em;
    
    /* Stolen from pure's input element styling */
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
}

.menu {
    composes: global(pure-g);
    
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

.menuItem {
    composes: global(pure-u-1-2);
    
    padding: 0 5px;
}

.publishing {
    composes: menuItem;
}

.version {
    composes: menuItem;
    
    text-align: right;
}

.form {
    composes: global(pure-form), global(pure-form-stacked);
    
    width: 70%;
    min-width: 700px;
    max-width: 1000px;
    
    margin: 20px auto;
}

Make editable titles more obvious
Make editable titles more obvious
