tabs now fill entire width

Author: agduncan94

app/styles/ds-style-fix.scss

@@ -21,7 +21,7 @@
 
 .nav > li > a {
   display: block;
-  padding:15px 0;
+  padding:10px 0;
 }
 
 span.nav-menu-usericon { display: none; }
@@ -186,7 +186,6 @@ ul.nav-tabs {
   background-color: #ffffff;
   li {
     border-right: solid 1px #cfd1d7;
-    min-width: 150px;
     padding: 0 0;
     text-align: center;
     line-height: 1;

app/templates/containerdetails.html

@@ -163,7 +163,7 @@ <h3 class="pull-right">
 </div>
 <div class="row" ng-show="containerObj">
   <div class="ds-tabs" ng-class="editMode ? 'col-md-12' : 'col-md-9'">
-    <uib-tabset >
+    <uib-tabset justified="true">
       <uib-tab active="activeTabs[0]">
         <uib-tab-heading>Info</uib-tab-heading>
         <ul class="list-unstyled container-info">

app/templates/versionsgrid.html

@@ -54,7 +54,7 @@
                   ng-click="clickSortColumn('valid')">
             </span>
           </th>
-          <th uib-tooltip="A version is verified if it has been verified to work by a person/group." tooltip-append-to-body="true">
+          <th uib-tooltip="A version is verified if it has been verified to work by a person/group" tooltip-append-to-body="true">
             <span>Verified</span>
           </th>
           <th uib-tooltip="View more information about the given version" tooltip-append-to-body="true">
@@ -76,7 +76,7 @@
             <div class="git-ref">
               <input class="radio-button-reference" ng-if="editMode && versionTag.name !== 'latest'" type="radio" name="defaultVersion"
                      ng-model="$parent.containerObj.defaultVersion" ng-value="versionTag.reference" ng-click="updateDefaultVersion(versionTag.reference)"
-                     uib-tooltip="Set as default branch."/>
+                     uib-tooltip="Set as default branch"/>
               {{versionTag.reference ? versionTag.reference : 'n/a'}}
             </div>
           </td>

app/templates/workflowdetails.html

@@ -142,16 +142,16 @@ <h3 class="pull-right">
 </div>
 <div class="row" ng-show="workflowObj">
   <div class="ds-tabs" ng-class="editMode ? 'col-md-12' : 'col-md-9'">
-    <uib-tabset>
-      <uib-tab active="activeTabs[0]" style="min-width: 144px !important;">
+    <uib-tabset justified="true">
+      <uib-tab active="activeTabs[0]">
         <uib-tab-heading>Info</uib-tab-heading>
         <ul class="list-unstyled container-info">
           <li>
             <strong uib-tooltip="Complete path of workflow, used as a unique identifier">Path</strong>:
             {{workflowObj.path}}
           </li>
           <li>
-            <strong uib-tooltip="Git repository for the associated descriptors.">{{getRegistry(workflowObj.gitUrl)}}</strong>:
+            <strong uib-tooltip="Git repository for the associated descriptors">{{getRegistry(workflowObj.gitUrl)}}</strong>:
             <a href="{{getRepoUrl(workflowObj.organization, workflowObj.repository, getRegistry(workflowObj.gitUrl))}}" target="_blank">
               {{getRepoUrl(workflowObj.organization, workflowObj.repository, getRegistry(workflowObj.gitUrl))}}
             </a>
@@ -229,12 +229,12 @@ <h3 class="pull-right">
           <li>
           <!-- when not in edit mode-->
             <div ng-show="!editMode">
-              <Strong uib-tooltip="Type of descriptor language used.">Descriptor Type</Strong>:
+              <Strong uib-tooltip="Type of descriptor language used">Descriptor Type</Strong>:
               {{workflowObj.descriptorType | lowercase}}
             </div>
           <!-- when in edit mode and Edit button for descriptor not clicked-->
             <div ng-show="editMode && showEditDescriptorType">
-            <Strong uib-tooltip="Type of descriptor language used.">Descriptor Type</Strong>:
+            <Strong uib-tooltip="Type of descriptor language used">Descriptor Type</Strong>:
             {{workflowObj.descriptorType | lowercase}}
             <button type="sbutton" id="editButton"
                   class="btn btn-link push-right"
@@ -296,7 +296,7 @@ <h3 class="pull-right">
           <div disqus-comments class="comments" ng-if="!editMode"></div>
         </div>
       </uib-tab>
-      <uib-tab active="activeTabs[1]" style="min-width: 144px !important;">
+      <uib-tab active="activeTabs[1]">
         <uib-tab-heading>Labels</uib-tab-heading>
         <button type="sbutton"
                 class="btn btn-link push-right"
@@ -348,15 +348,15 @@ <h3 class="pull-right">
           </div>
         </form>
       </uib-tab>
-      <uib-tab  active="activeTabs[2]"  disable="!isWorkflowFull()" style="min-width: 145px !important;">
+      <uib-tab  active="activeTabs[2]"  disable="!isWorkflowFull()">
         <uib-tab-heading>Versions</uib-tab-heading>
         <div workflow-versions-grid
              workflow-obj="workflowObj"
              edit-mode="editMode"
              set-error="setWorkflowDetailsError">
         </div>
       </uib-tab>
-      <uib-tab active="activeTabs[3]" disable="!isWorkflowFull()" style="min-width: 145px !important;">
+      <uib-tab active="activeTabs[3]" disable="!isWorkflowFull()">
         <uib-tab-heading ng-click="checkPage()">
           Files
         </uib-tab-heading>
@@ -367,14 +367,14 @@ <h3 class="pull-right">
              ng-if="workflowObj">
         </div>
       </uib-tab>
-      <uib-tab active="activeTabs[4]" disable="!isWorkflowFull()" style="min-width: 145px !important;">
+      <uib-tab active="activeTabs[4]" disable="!isWorkflowFull()">
         <uib-tab-heading ng-click="getTools()">Tools</uib-tab-heading>
         <div workflow-tools-grid
             ng-if="workflowObj"
             workflow-obj="workflowObj">
         </div>
       </uib-tab>
-      <uib-tab active="activeTabs[5]" disable="!isWorkflowFull()" style="min-width: 145px !important;">
+      <uib-tab active="activeTabs[5]" disable="!isWorkflowFull()">
         <uib-tab-heading ng-click="openDAG()">DAG</uib-tab-heading>
         <div workflow-dag-view
              ng-if="workflowObj"

app/templates/workflowversionsgrid.html

@@ -47,7 +47,7 @@
                   ng-click="clickSortColumn('valid')">
             </span>
         </th>
-        <th uib-tooltip="A version is verified if it has been verified to work by a person/group." tooltip-append-to-body="true">
+        <th uib-tooltip="A version is verified if it has been verified to work by a person/group" tooltip-append-to-body="true">
           <span>Verified</span>
         </th>
         <th uib-tooltip="View more information about the given Git reference" tooltip-append-to-body="true">