make topic title required

css/base.css

@@ -762,8 +762,8 @@ i.search {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
-  width: 3rem;
+  width: inherit;
-  height: 3rem;
+  height: inherit;
 }
 .contact-box .text-box {
   display: flex;

src/views/info-view.jsx

@@ -216,6 +216,7 @@ class InfoView extends React.Component {
   }
 
   handleFullNameUpdate(fn) {
+    fn = fn.trim();
     if (this.state.fullName !== fn) {
       this.setState({fullName: fn});
       this.props.onTopicDescUpdate(this.props.topic,
@@ -449,6 +450,7 @@ class InfoView extends React.Component {
                     placeholder={this.state.groupTopic ? "Group name" : <i>Unknown</i>}
                     readOnly={!this.state.owner}
                     value={this.state.fullName}
+                    required={true}
                     onFinished={this.handleFullNameUpdate} /></div>
                 <div>
                   <label className="small">