zeppelin git commit: [MINOR][ZEPPELIN-2308] Fix vis icon button group

[ahyoungryu]

Repository: zeppelin
Updated Branches:
  refs/heads/master 829cabb70 -> c7f9ed307


[MINOR][ZEPPELIN-2308] Fix vis icon button group

### What is this PR for?
Since "Save" button which shows up when there is change in the package bundle 
ordering is included in same button group with other Helium viz icon buttons, 
the rightmost viz icon is not regarded as last child. For this reason, its 
border radius is a bit wired.

<img 
src="https://cloud.githubusercontent.com/assets/10060731/24257346/f928756a-102d-11e7-8c06-c7d58ac2b331.png";
 width="200px">

So I separated "Save" button from the icon btn group.

### What type of PR is it?
Improvement

### What is the Jira issue?
[ZEPPELIN-2308](https://issues.apache.org/jira/browse/ZEPPELIN-2308)

### Screenshots (if appropriate)
 - Before
<img width="166" alt="before" 
src="https://cloud.githubusercontent.com/assets/10060731/24257314/e03ca210-102d-11e7-9155-82684bf9edbc.png";>

 - After
<img width="165" alt="after" 
src="https://cloud.githubusercontent.com/assets/10060731/24257317/e24d4352-102d-11e7-88f6-63be3c509cd3.png";>

### Questions:
* Does the licenses files need update? no
* Is there breaking changes for older versions? no
* Does this needs documentation? no

Author: RyuAhyoung <ahyoungryu@MacBook-Pro-5.local>

Closes #2185 from AhyoungRyu/ZEPPELIN-2308 and squashes the following commits:

7faf814 [RyuAhyoung] Fix vis icon button group


Project: http://git-wip-us.apache.org/repos/asf/zeppelin/repo
Commit: http://git-wip-us.apache.org/repos/asf/zeppelin/commit/c7f9ed30
Tree: http://git-wip-us.apache.org/repos/asf/zeppelin/tree/c7f9ed30
Diff: http://git-wip-us.apache.org/repos/asf/zeppelin/diff/c7f9ed30

Branch: refs/heads/master
Commit: c7f9ed3073468df3726d262155cf286b34d15fc4
Parents: 829cabb
Author: RyuAhyoung <ahyoungryu@MacBook-Pro-5.local>
Authored: Fri Mar 24 01:00:51 2017 +0900
Committer: ahyoungryu <ahyoung...@apache.org>
Committed: Sat Mar 25 11:45:17 2017 +0900

----------------------------------------------------------------------
 zeppelin-web/src/app/helium/helium.css  |  4 ++++
 zeppelin-web/src/app/helium/helium.html | 28 +++++++++++++++-------------
 2 files changed, 19 insertions(+), 13 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/zeppelin/blob/c7f9ed30/zeppelin-web/src/app/helium/helium.css
----------------------------------------------------------------------
diff --git a/zeppelin-web/src/app/helium/helium.css 
b/zeppelin-web/src/app/helium/helium.css
index 0b6c768..169d482 100644
--- a/zeppelin-web/src/app/helium/helium.css
+++ b/zeppelin-web/src/app/helium/helium.css
@@ -113,6 +113,10 @@
   float: left;
 }
 
+.heliumBundleOrder p {
+  margin:0 0 5px 15px
+}
+
 .sortable-row .as-sortable-item-handle {
   width: 35px;
   height: 30px;

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/c7f9ed30/zeppelin-web/src/app/helium/helium.html
----------------------------------------------------------------------
diff --git a/zeppelin-web/src/app/helium/helium.html 
b/zeppelin-web/src/app/helium/helium.html
index aae3728..9f35660 100644
--- a/zeppelin-web/src/app/helium/helium.html
+++ b/zeppelin-web/src/app/helium/helium.html
@@ -40,22 +40,24 @@ limitations under the License.
     </div>
     <div ng-show="bundleOrder.length > 1"
          class="row heliumBundleOrder">
-      <div style="margin:0 0 5px 15px">Bundle package display order (drag and 
drop to reorder)</div>
-      <div class="col-md-12 sortable-row btn-group"
-           as-sortable="bundleOrderListeners"
-           data-ng-model="bundleOrder">
-        <div class="btn-group" data-ng-repeat="pkgName in bundleOrder"
-             as-sortable-item>
-          <div class="btn btn-default btn-sm"
-               ng-bind-html='defaultPackages[pkgName].pkg.icon'
-               as-sortable-item-handle>
+      <p>Bundle package display order (drag and drop to reorder)</p>
+      <div class="col-md-12">
+        <div class="sortable-row btn-group"
+             as-sortable="bundleOrderListeners"
+             data-ng-model="bundleOrder">
+          <div class="btn-group" data-ng-repeat="pkgName in bundleOrder"
+               as-sortable-item>
+            <div class="btn btn-default btn-sm"
+                 ng-bind-html='defaultPackages[pkgName].pkg.icon'
+                 as-sortable-item-handle>
+            </div>
           </div>
         </div>
-        <span class="saveLink"
-              ng-show="bundleOrderChanged"
-              ng-click="saveBundleOrder()">
+        <div class="saveLink"
+             ng-show="bundleOrderChanged"
+             ng-click="saveBundleOrder()">
           save
-        </span>
+        </div>
       </div>
     </div>
   </div>