From 54eba54da7a68cd27ddfd1d50cbe54649739a99c Mon Sep 17 00:00:00 2001
From: Philipp Hinrichsen <philipph@mesosphere.io>
Date: Fri, 4 Mar 2016 12:08:10 +0100
Subject: [PATCH] Add soft link css class to link

---
 src/css/layout/base.less                         | 10 ++++++++++
 src/js/components/ContainerSettingsComponent.jsx |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/css/layout/base.less b/src/css/layout/base.less
index 286698497..0d9225218 100644
--- a/src/css/layout/base.less
+++ b/src/css/layout/base.less
@@ -88,3 +88,13 @@ h3 {
     margin: @base-spacing-unit 0;
   }
 }
+
+.soft-link{
+  text-decoration: underline;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+    color: @alto;
+  }
+}
diff --git a/src/js/components/ContainerSettingsComponent.jsx b/src/js/components/ContainerSettingsComponent.jsx
index 009cfa25f..47a13a4c6 100644
--- a/src/js/components/ContainerSettingsComponent.jsx
+++ b/src/js/components/ContainerSettingsComponent.jsx
@@ -172,7 +172,7 @@ var ContainerSettingsComponent = React.createClass({
         <div className="duplicable-list">{this.getParametersRows()}</div>
         <div>
           You can configure your Docker
-          volume <a onClick={this.props.openVolumes}>
+          volume <a className="soft-link" onClick={this.props.openVolumes}>
             below
           </a>.
         </div>