Php ufak bir yardım ücretsiz

Merhaba kargotakip.php diye bir dosyamız var bunda takip numarası yazan kısmın çerçeve rengini koyulaştırmak ve mobilde dışa taşan çerçeveyi daraltmak istiyoruz. Yardımcı olabilecek arkadaşlara teşekkürler.

keşke kodlarını burdan atsaydın hocam yada site linki

https://ithalpastamalzemeleri.com/KargoTakip.php

mobilde dik ekranda kargo takip numarası yazılan kutu sağdan soldan dışarı taşıyor ve kutu çizgileri çok açık ton takip numarası nereye yazılacak zor görünüyor.

<form method="post" action="" class="form-horizontal">
yerine
<form method="post" action="">

<input type="text" name="gonderi_id" class="form-control" required="">
yerine
<input type="text" name="gonderi_id" class="form-control" required="" placeholder="Kargo takip kodunu buraya giriniz.">

Bu tarz mobil hatalara yazılımı satan kişi destek vermiyor mu? Geçenlerde de söylemiştim hocam, naçizane tavsiye böyle altyapılarda durmayın çünkü update imkanı az alıyor. Woocommerce, tsoft felan tavsiye ederim.

ÜStadım ayrıca siteye bence bir penetrasyon yaptırın açıklar olabilir

Koca forumda index kaybı olmadan başka yazılima aktarırim diyen babayiğit çıkmadı malesef.
Forumdan bir arkadaş bakmıştı sorun bulamamıştı.

form kodlarını verdiğim kodlarla yaparsanız aşağıdaki görüntüyü elde edebilirsiniz.
Bilgilendirmek maksatlı : istediğiniz olayın php ile alakası yok. html vs css kodları yani tasarımsal problem.
<form method="post" action="" class="form-horizontal">
<div class="d-flex">
<label class="col-sm-3 control-label">
Kargo Takip Numarası
</label>
<div class="col-sm-9">
<input type="text" name="gonderi_id" required="" class="form-control" style="border: 2px solid #000">
</div>
<div class="form-group">
<br><br>
<center><button type="submit" class="kargo_takip">Sorgula <i class="fa fa-angle-double-right"></i></button></center> </div>
</div></form>

Bir arkadaş anydesk ila bağlanıp halletti çok teşekkürler herkese.