Expose recipe version in 'Settings' dialog while adding or editing a service. (#1439)

2 files changed, 6 insertions, 2 deletions

diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index 80f60b3e1..025a667db 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -478,12 +478,16 @@ export default @observer class EditServiceForm extends Component {
                   onClick={() => openRecipeFile('user.js')}
                 />
               </div>
-              <p style={{ marginTop: 10 }}>
+              <p style={{ marginTop: 10, marginBottom: 10 }}>
                 <span className="mdi mdi-information" />
                 {intl.formatMessage(messages.recipeFileInfo)}
               </p>
             </>
           )}
+          <span style={{ fontStyle: 'italic', fontSize: '80%' }}>
+            Recipe version:
+            {recipe.version}
+          </span>
         </div>
         <div className="settings__controls">
           {/* Delete Button */}
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index dafbab16e..0b4dd952b 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -312,7 +312,7 @@
 
   .settings__delete-button { right: 0; }
   .settings__open-recipe-file-button {
-    cursor:pointer; 
+    cursor:pointer;
     margin-right: 10px;
   }
   .settings__open-recipe-file-container {