ui: make toolbar buttons icon-only with title tooltip (Bune practici, Notificari)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/modules/registratura/components/notification-preferences.tsx

@@ -81,12 +81,12 @@ export function NotificationPreferences() {
     <>
       <Button
         variant="ghost"
-        size="sm"
+        size="icon"
-        className="text-muted-foreground"
+        className="h-8 w-8 text-muted-foreground"
+        title="Notificari"
         onClick={() => setOpen(true)}
       >
-        <Bell className="mr-1.5 h-4 w-4" />
+        <Bell className="h-4 w-4" />
-        Notificari
       </Button>
 
       <Dialog open={open} onOpenChange={setOpen}>

src/modules/registratura/components/registratura-module.tsx

@@ -362,12 +362,11 @@ export function RegistraturaModule() {
             <>
               <div className="flex items-center justify-between gap-4">
                 <RegistryFilters filters={filters} onUpdate={updateFilter} />
-                <div className="flex items-center gap-2 shrink-0">
+                <div className="flex items-center gap-1.5 shrink-0">
                   <Popover>
                     <PopoverTrigger asChild>
-                      <Button variant="ghost" size="sm" className="text-muted-foreground">
+                      <Button variant="ghost" size="icon" className="h-8 w-8 text-muted-foreground" title="Bune practici">
-                        <BookOpen className="mr-1.5 h-4 w-4" />
+                        <BookOpen className="h-4 w-4" />
-                        Bune practici
                       </Button>
                     </PopoverTrigger>
                     <PopoverContent side="bottom" align="end" className="w-96 p-0">