Added validation styles

Author: mattbrailsford

src/Our.Umbraco.DocTypeGridEditor/Our.Umbraco.DocTypeGridEditor.csproj

@@ -247,6 +247,7 @@
   </ItemGroup>
   <ItemGroup>
     <Content Include="Web\UI\App_Plugins\DocTypeGridEditor\Config\grid.editors.config.js" />
+    <Content Include="Web\UI\App_Plugins\DocTypeGridEditor\Css\doctypegrideditor.css" />
     <Content Include="Web\UI\App_Plugins\DocTypeGridEditor\Js\doctypegrideditor.resources.js" />
     <Content Include="Web\UI\App_Plugins\DocTypeGridEditor\Js\doctypegrideditor.services.js" />
     <Content Include="Web\UI\App_Plugins\DocTypeGridEditor\Js\doctypegrideditor.controllers.js" />

src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Css/doctypegrideditor.css

@@ -0,0 +1,14 @@
+/*.dtge-dialog fieldset legend {
+    display: none;
+}*/
+
+.dtge-dialog input.ng-invalid {
+    border-color: #9d261d;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+}
+
+.dtge-dialog .help-inline {
+    color: #9d261d;
+}

src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.dialog.html

@@ -1,4 +1,4 @@
-<ng-form name="dtgeForm">
+<ng-form name="dtgeForm" novalidate>
     <div class="dtge-dialog umb-panel" ng-controller="Our.Umbraco.DocTypeGridEditor.Dialogs.DocTypeGridEditorDialog">
 
         <div class="umb-panel-body no-header with-footer umb-scrollable" ng-switch="dialogMode">

src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/package.manifest

@@ -3,5 +3,8 @@
         '~/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.resources.js',
         '~/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.services.js',
         '~/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.controllers.js'
-    ]
+    ],
+	"css": [
+        '~/App_Plugins/DocTypeGridEditor/Css/doctypegrideditor.css'
+	]
 }