Minor button style fix

Author: MImranAsghar

viscoll-api/config/mongoid.yml

@@ -9,7 +9,7 @@ development:
       # Provides the hosts the default client can connect to. Must be an array
       # of host:port pairs. (required)
       hosts:
-        - localhost:27017
+        - mongo:27017
       options:
         # Change the default write concern. (default = { w: 1 })
         # write:

viscoll-app/src/components/dashboard/ProjectStructure.js

@@ -45,10 +45,10 @@ const ProjectStructure = (props) => {
     const unconjoinLeafsList = !group.leaves? [] : Array.from(Array(group.leaves).keys());
     collationGroupsRows.push(
       <TableRow key={group.number}>
-        <TableRowColumn aria-label="Group number APPLE" style={{paddingTop:"1em",textAlign: "center"}}>{group.number}</TableRowColumn>
-        <TableRowColumn aria-label="Number of leaves APPLE" style={{textAlign: "center"}}>
+        <TableRowColumn aria-label="Group number" style={{paddingTop:"1em",textAlign: "center"}}>{group.number}</TableRowColumn>
+        <TableRowColumn aria-label="Number of leaves" style={{textAlign: "center"}}>
           <TextField
-            aria-label={"Number of leaves in group APPLE " + group.number}
+            aria-label={"Number of leaves in group" + group.number}
             id={group.number+"_number_of_leaves"}
             type="number"
             value={group.leaves}

viscoll-app/src/components/infoBox/GroupInfoBox.js

@@ -282,9 +282,7 @@ export default class GroupInfoBox extends React.Component {
   }
 
   toggleGroupDirection = () => {
-    if(this.props.Groups[this.props.selectedGroups[0]].direction === "left-to-right"){
-      this.singleSubmit("direction", "right-to-left")
-    } else if(this.props.Groups[this.props.selectedGroups[0]].direction === "right-to-left"){
+    if(this.props.Groups[this.props.selectedGroups[0]].direction === "right-to-left"){
       this.singleSubmit("direction", "left-to-right")
     } else {
       this.singleSubmit("direction", "right-to-left")
@@ -503,11 +501,11 @@ export default class GroupInfoBox extends React.Component {
 
     let flipBtn = <RaisedButton 
                     primary 
-                    label={"Flip View Direction"} 
+                    label={"Flip Direction"} 
                     onClick={() => {if(this.props.selectedGroups.length > 1){this.batchFlip()}else{this.toggleGroupDirection()}}}
                     tabIndex={this.props.tabIndex}
                     {...btnBase()}
-                    style={(this.props.selectedGroups && this.props.selectedGroups.length === 1) ? {...btnBase().style, width: "48%", float:"left", marginRight:"2%", marginTop:"2%"} : {width:"100%", float:"left", marginRight:"2%", marginTop:"2%", marginBottom:"2%"}}
+                    style={(this.props.selectedGroups && this.props.selectedGroups.length === 1) ? {...btnBase().style, width: "48%", float:"left", marginRight:"2%", marginTop:"2%", marginBottom: "2%"} : {width:"100%", float:"left", marginRight:"2%", marginTop:"2%", marginBottom:"2%"}}
                   />
     let deleteBtn = 
                 <DeleteConfirmationDialog