updated angular form component attributes

Author: tryb3l

app/src/app/pages/forms/form-layouts/form-layouts.component.html

@@ -16,10 +16,10 @@
 
 <div class="row">
   <div class="col-md-6">
-    <nb-card>
+    <nb-card class="grid-form-card">
       <nb-card-header>Using the Grid</nb-card-header>
       <nb-card-body>
-        <form>
+        <form class="form-grid">
           <div class="form-group row">
             <label for="inputEmail1" class="label col-sm-3 col-form-label">Email</label>
             <div class="col-sm-9">
@@ -51,10 +51,10 @@
       </nb-card-body>
     </nb-card>
 
-    <nb-card>
+    <nb-card class="no-labels-card">
       <nb-card-header>Form without labels</nb-card-header>
       <nb-card-body>
-        <form>
+        <form class="form-no-labels">
           <div class="form-group">
             <input type="text" nbInput fullWidth placeholder="Recipients">
           </div>
@@ -74,7 +74,7 @@
     <nb-card>
       <nb-card-header>Basic form</nb-card-header>
       <nb-card-body>
-        <form>
+        <form class="form-basic">
           <div class="form-group">
             <label for="exampleInputEmail1" class="label">Email address</label>
             <input type="email" nbInput fullWidth id="exampleInputEmail1" placeholder="Email">
@@ -91,7 +91,7 @@
       </nb-card-body>
     </nb-card>
 
-    <nb-card>
+    <nb-card class="block-form-card">
       <nb-card-header>Block form</nb-card-header>
       <nb-card-body>
         <div class="row">
@@ -130,7 +130,7 @@
 
 <div class="row">
   <div class="col-md-6">
-    <nb-card>
+    <nb-card class="horizontal-form-card">
       <nb-card-header>Horizontal form</nb-card-header>
       <nb-card-body>
         <form class="form-horizontal">