Materialise Schwimmdock Label-Overlapping

Question

Weiß jemand, wie ich das Floating-Label mit der Linie des Elements darüber überlappende beheben kann wie hier zu sehen: http://imgur.com/a/4T7Rx

Grundsätzlich würde Ich mag die Höhe des Schwimm Etiketts senken.

Ich habe versucht, Ränder und ein paar andere Einstellungen in CSS auf: .input-Feld-Label , aber ich hatte kein Glück.

Ich habe auch versucht, Zeilenumbrüche hinzuzufügen, aber das nur Platz zwischen dem Etikett und dem Textfeld hinzugefügt, egal wo ich sie anbringe.

Edit:

     <div class="col s12"> 
          <br> 
          <ul class="collapsible popout blue darken-3 z-depth-2" data-collapsible="accordion"> 
           <li> 
            <div class="collapsible-header blue darken-3"><i class="material-icons">filter_drama</i>New Body Stats Entry</div> 
            <div class="collapsible-body input-field col s4"> <label for="arms">Arms</label><input class="center-align" id="arms" type="text"> </div> 

           </li> 
          </ul> 
         </div> 

Answer 1

Mißachtung, für jemand anderes dieses Problem auftritt, stellen nur eine margin-top CSS; Ich bin mir nicht sicher, wie ich eine Stunde gebraucht habe, um das herauszufinden.