Problema posizione pulsante all'interno di un modulo. Classe CSS o cosa?

[democoweb]

Salve a tutti,
mi trovo in un bel casino e non avendo molta dimestichezza con i CSS sono riuscito a risolvere solo in parte un problema di visualizzazione di un pulsante del Componente Free Solidres per la gestione di piccole case vacanze.


Cercando una camera libera dal 10 al 11 marzo si apre la seguente pagina
http://casavacanzealessio.com/component/solidres/?id=1&Itemid=&checkin=2015-03-10&checkout=2015-03-11&option=com_solidres&task=reservationasset.checkavailability&ts=1423592456&04f93f159e69d97760b6f618cc33c3ca=1#tariff-box-1-1

Codice: [Seleziona]

<div class="reservation-single-step-holder room"> 
            <div id="availability-search">
            <div class="alert alert-info availability-search-info">
         Camere disponibili da 10-03-2015 a 11-03-2015 
           <a class="btn" href="/component/solidres/?task=reservationasset.startOver&amp;id=1">
           <i class="icon-remove uk-icon-refresh fa-refresh"> Reset[/url][/url]


Questo codice si riferisce al pulsante Reset che, come si nota, è completamente per i fatti suoi!

Codice: [Seleziona]

<a class="btn" href="/component/solidres/?task=reservationasset.startOver&amp;id=1">

Ho già fatto qualche modifica del CSS inserendola nel file custom.css
In particolare ho messo le mani sulla classe .btn modificando alcuni parametri quali:

Codice: [Seleziona]


/*=========================================================
      Pulsanti Box di ricerca compreso Homepage
===========================================================  */

.btn {
  /* Reset */
  border: none;
  /* Todo */
  border-radius: 5px;
  border-color: transparent;
  box-shadow: none;
  text-shadow: none;
  /* Overrides */
  line-height: 32px;
  background: #b71b1e;
  color: #ffffff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 300;
  font-size: 18px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  margin-right: 5px;
  margin-top: 15px;
  padding-right: 20px;
 
  }
 
Questo riguarda i pulsanti a centro pagina

Codice: [Seleziona]

 
/*=========================================================
      Pulsanti Pagina di ricerca
===========================================================  */
   
.btn-group > .btn:first-child {
 
  border-radius: 5px;
  padding-right: 25px;
}


.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
 
  border-radius: 5px;
  padding-right: 25px;
  margin-left: 5px;
}


Resta il problema che quel pulsante sta nel posto sbagliato!
Sfortunatamente la classe attribuita è la stessa di altri pulsanti e non posso usare "margin-left" per metterlo dove dovrebbe stare, oltretutto ci sarebbero dei problemi con il responsive.


La domanda è:

Come posso fare ad allineare quel pulsante maledetto?

Grazie a tutti per la collaborazione

[xplosion]

Capito che sta nel posto sbagliato ma non dici dove dovrebbe stare ?

[democoweb]

Hai ragione non l'ho detto....
in realtà pensavo ovunque tranne che dentro quel <div> ma credo che il suo posto sia sulla destra in linea con il pulsante "Avanti"

[xplosion]

Ho la sensazione che non sono caricati tutti i file... Ad esempio non si vedono le icone nei pulsanti.

[democoweb]

Le icone dei pulsanti sono gestite dal CSS "Uikit",
diciamo che è l'ultimo dei problemi, potrei anche pensare di toglierle o di modificare il colore di default del CSS che credo sia Rosso