title: Change thickness of the bottom line of EditText when wrapped into TextInputLayout
body: <p>here is my code  </p>
  
  <p><strong>XML Markup</strong></p>
  
  <pre><code>&lt;android.support.design.widget.TextInputLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:theme="@style/TextLabel"&gt;
  
      &lt;EditText
          android:id="@+id/etContactName"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:hint="Contact Name"/&gt;
  
  &lt;/android.support.design.widget.TextInputLayout&gt;
  </code></pre>
  
  <p><strong>Style</strong>  </p>
  
  <pre><code>&lt;style name="TextLabel" parent="TextAppearance.AppCompat"&gt;
      &lt;item name="android:textColorHint"&gt;@color/hintColor&lt;/item&gt;
      &lt;item name="colorAccent"&gt;@color/primaryColor&lt;/item&gt;
      &lt;item name="colorControlNormal"&gt;@color/hintColor&lt;/item&gt;
      &lt;item name="colorControlActivated"&gt;@color/primaryColor&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>Here is the output</strong><br>
  (normal view)<br>
  <a href="https://i.stack.imgur.com/JBbeq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/JBbeq.png" alt="Normal View"></a></p>
  
  <p>(focused view)  </p>
  
  <p><a href="https://i.stack.imgur.com/1SIOL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1SIOL.png" alt="Focused View"></a></p>
  
  <p><strong>Now My Problems / Issues</strong></p>
  
  <ol>
  <li>I want the bottom line to be thinner. where should I change it.  </li>
  <li>The blinking cursor is not showing, how to show it.</li>
  <li>EditText is automatically highlighting the spelling mistakes. I need to stop it.</li>
  </ol>
  
  <p>Can anyone please point me to the right way to resolve the issues. Comment you anyone needs more info to answer this.  </p>
  
  <p>Thanks in advance.</p>